/* Body and wrapper
----------------------- */	
/**{padding: 0; margin: 0;}*/
html, body {
height: 100%
}
body {
	margin: 0;
	padding: 0;
	font-size: 80%; /* IE5 Win font size and hack*/
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 100%; /* Base font size */
	background: #FFF ;
}
html>body {
	font-size: 100%;
}
#wrapper {
	margin: 0em 0em 0em 0em;
	width: 100%;
}

.blue {
	color: #0000FF;
	background: transparent;
}

.gray,.hidden {
color:gray;
}
.red {
	color: #FF0000;
	background: transparent;
}
.bruce {
	background-color: #CE0000;
}
#content {
	border-top: 1px solid #C0C0C0;
	/*padding: 0% 4% 0 2%;*/
	padding-top: 1.5em;
	font: 90% Verdana,Arial,Geneva,Helvetica,sans-serif;
	text-align: left;
    float: left; 
    position: relative; 
    z-index: 12; 
    width: 94%; 
    margin: 1.1em 0 0 1.0em;
	background: #FFF ;
}
#forum p{
	margin: 0;
	padding: 0.2em;
}
/* Header, search, utilities
------------------------------ */				
#header {
	margin: 0;
	padding: 0;
	height: 20px;
	border: 0;
	/*background: #FFFFFF url(../images/site/ramosusheader.gif);*/
}			
#header,#TB_title {
	background-color: #9C3;
}
#toolbar {
	margin: 0;
	padding: 0.8em 0.8em 0.8em 1.7em;
	border: 0;
	border-bottom:2px solid #9C3;
	background-color: #FFF;
	/*vertical-align: top;*/
	text-align: left;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
/*	background: #FFF url(../images/colours/navbkg1.jpg) ;
	background-repeat: repeat-x;*/
}	
#email,#glossary,#themeaning {
	margin: 0;
	padding: 0.8em 0.8em 0.8em 1.7em;
	border: 0;
	background-color: #FFF;
	text-align: left;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}	
#tooltip {
background-color: #fff;
border:1px solid #9C3;
padding:2px;
}
#tooltip h3{font-size: 0.7em; margin: 0;padding: 0 3px;

	text-align: left !important;font-family: "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
}
#tooltip p {font-size: 0.6em;margin: 0;	text-align: left;/*display: none !important;*/}
#fullscreen {
	clear: both;
	margin: 0;
	padding-left: 0.25em;
	padding-right: 0.25em;
	border: 0;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
}	
#assetreport {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
}
#left50 { 
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 46%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 49%;
}
#right50 { 
	float: right;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 46%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 50%;
}
#left50I { 
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 56%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 59%;
}
#right50I { 
	float: right;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 56%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 60%;
}
#left50T { 
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 36%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 39%;
}
#right50T { 
	float: right;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	width: 36%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 40%;
}
.label15{float:left;display:block;width: 15em;}
.label20{float:left;display:block;width: 20em;}
.label10{float:left;display:block;width: 10em;}
.label7{float:left;display:block;width: 7em;}
.label5{float:left;display:block;width: 5em;}
/* Footer
-------------------- */
#footer {
	clear: both;
	margin-bottom: 0.25em;
	padding-top: 1em;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 90%;
	color: #000;
}

hr{
	background-color: #CCCCCC;
	color: #CCCCCC;
}

.small {
	font-size: 80%;
	line-height: 1.25em;
}
/* Accessibility utilities
--------------------------  */	
#accessibility {
	text-align: right;
	font-family: Verdana, sans-serif;
	font-size: 75%;
}

#navcontainer a, .small a {
	text-decoration: none;
}
/* Content: tables
-------------------- */ 
table {
	margin: 0;
	border: 0;
	padding: 2px;
}

th {
	color: #000000;
	text-align: left;
	padding: 0.25em;
	font-weight: bold;
	font-size: 80%;
}

tr {
	vertical-align: top;
	padding: 0.25em;
}

td {
	text-align: left;
	padding: 0.25em;
	vertical-align: top;
	font-size: 80%;
	
}

html>body #left50 td,th {
	font-size: 90%;
}
html>body #right50 td,th {
	font-size: 90%;
}
.width10 {
	width: 10%;
}
.width20 {
	width: 20%;
}
.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width33 {
	width: 33%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
/* Content: headings
---------------------- */
h1 {
	font-size: 160%;
	color: #4d5e77;
}
h2, caption {
	font-size: 140%;
	text-align: left;
	font-weight: bold;
}
h3 {
	font-size: 130%;
	color: #4d5e77;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
	color: #4d5e77;
}
h6 {
	font-size: 100%;
}
/* Content: lists
-------------------- */
ul,ol,li{margin-left:0.8em;padding-left: 0;}
dt {
	margin-left: 1em;
	font-weight: bold;
}
dd {
	padding: 0.25em;
	margin-bottom: 0.5em;
}

/* Content: links
-------------------- */
a, a:link {
	text-decoration:none;
}
a:hover {
	color:#00F;
	text-decoration:underline;
}
a:visited {
	color: #00F;
	text-decoration:none;
}
a img {
	border: none;
	text-decoration: none;
}
a.ext {background:transparent url(../../images/site/extlink.gif) no-repeat scroll right center;padding-right:17px;
}
a.sbox {background:transparent url(../../images/site/popup.gif) no-repeat scroll right center;padding-right:17px;
}
/* Content: images
-------------------- */

img {
	border: none;
	vertical-align: top;
}

.pad5,.pad5z {   /*pad5z is used to signal a zoomable image*/
	padding: 1em;
}
* html .buggybox {height: 1%;} /* for IE/Win */
*>html .buggybox {height: auto;} /* for IE5/Mac */ 


/* Content: forms
------------------------- */
fieldset {
	width: 95%;
	margin: 1em 1em 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: transparent;
	font: 70% Verdana,Arial,Geneva,Helvetica,sans-serif;
}	
fieldset.fsemail,fieldset.glsry {
	font: 100% Verdana,Arial,Geneva,Helvetica,sans-serif;
}
legend {
	/*width: 100%;*/
	font-weight: bold;
}
fieldset fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}
fieldset fieldset legend {
	font-weight: normal;
	margin: 0;
	padding: 0;
}	
#fsgloss fieldset, #fsemail fieldset, #fsmean fieldset{
	/*font: 70% Verdana,Arial,Geneva,Helvetica,sans-serif;*/
    margin: 1.1em 0 0 1.0em;
}
.alert {
	margin: 10px 0;
	padding: 0.5em;
	background:#FF0;
}
/* Content: forms */

/* -------------------- Forms -------------------- */
input, select, text, textarea {
	font: 95% Verdana,Arial,Geneva,Helvetica,sans-serif;
}

.formx label {
	float: left;
	display: block;
}

.formx p {
	margin: 0.8em 0;
	clear: left;
}


.formalert {	
	background: #FFFFCC;	
}
/*legend {
	font-weight: bold;
	color: #5A5B5D;
}*/


input[type=submit],input[type=button] {
	padding: 0.1em .1em;
	font-size: 85%;
}

.submitbtn {
	border: 1px solid #5A5B5D;
	background-color: #690;	
	color: #FFF;
	padding: 0.1em 1.5em;
	font-size: 85%;
	cursor: pointer;
	margin-top: 1em;
}
.loginbtn {
	border: 1px solid #690;
	background-color: #FFF;	
	color: #5A5B5D;
	cursor: pointer;
}
.searchbtn{	
	border: 1px solid #5A5B5D;
	font: 85% Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: #5A5B5D;
	cursor: pointer;
}
.box {
border:1px solid #9C0;
margin:15px 0 0 0;
padding:5px;
}
/* -------------------- Forum -------------------- */
div.left {
	width: auto;
	float: left;
}

div.right {
	width: auto;
	text-align: right;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.post {
	border: 1px solid #C0C0C0;
	font: 95% Verdana,Arial,Geneva,Helvetica,sans-serif;
	padding: 1px;
	margin-bottom: 8px;
}

.posttitle {
	padding: 4px;
	background: #CCCC99;
}

.posttop {
	padding: 4px;
	background: #EFEFEF;
}

.username {
	font-weight: bold;
	width: auto;
	float: left;
}

.date {
	width: auto;
	text-align: right;
}

.posttext {
	padding: 4px;
	background: #F9F9F9;
}

hr {
	visibility: hidden;
	display: none;
}

.forumbtn{
	background: #DEE3E7;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font: 90% Verdana,Arial,Helvetica,sans-serif;
	padding: 0.1em;
	text-decoration: none;
	color: #000000;
}
.sforumbtn{
	background: #DEE3E7;
	font: 85% Verdana,Arial,Helvetica,sans-serif;
	padding: 0.1em;
	text-decoration: none;
	color: #000000;
}
.forumcatleft{
	background: #EFEFEF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.forumcatright{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #DEE3E7;
}

.forumhead{
	background: #CCCC99;
	color: #000000;
}

.forumlist{
	font: 90% tahoma,Arial,Helvetica,sans-serif;
}

.forum{
	font: 90% tahoma,Arial,Helvetica,sans-serif;
}

/*.forumlist{font: 85% Arial,Helvetica,sans-serif;}*/
.forumname{
	color: #A0A0A0;
	font: 90% Arial,Helvetica,sans-serif;
}

.forummsg{
	color: #003399;
	font: 90% tahoma,Arial,Helvetica,sans-serif;
}

.forumdate{
	color: #A0A0A0;
	font: 90% Arial,Helvetica,sans-serif;
}

.forumwho{
	color: #A0A0A0;
}

.forumcat{
	color: #003399;
	font: bold 90% tahoma,Arial,Helvetica,sans-serif;
}
/* -------------------- Horizontal lists -------------------- */
#navcontainer {
	text-align: center;
}
#navcontainerl {
	text-align: left;
}
#navlist,.navlist {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: .85em;
}

#navlist li,.navlist li {
	display: inline;
	padding-right: 0.5em;
	margin: 0;
}
#navlist li:before,.navlist li:before {
	content: "___ ";
	color: #FFFFFF;
}

#navlist li:first-child:before, .navlist li:first-child:before {
	content: "";
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li,* html .navlist li {
	border-left: 1px solid #FFFFFF;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist, .navlist {
	height: 1%;
}

* html #navlist li, .navlist li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child, .navlist li:first-child {
	border-left: 0;
	padding-left: 0;
}
/*label {display:block;margin:2px;}
.form {padding:0px;margin:0px;background-color:#EDECDC;}
.form li {width:190px;margin:3px;padding:5px 5px 5px 30px;list-style:none;position:relative;}
.form li img {position:absolute;left:5px;}
.form .error {border:1px solid #A90000;padding:4px 4px 4px 29px;background-color:#F8E5E5;}
.form .success {border:1px solid #74F019;padding:4px 4px 4px 29px;background-color:#DEF8CA;}
.form .selected {border:1px solid #1AA8E1;padding:4px 4px 4px 29px;background-color:#8DD8F7;}
#login_table .pad {padding:15px;}
.form input.login {padding:2px 7px;width:auto;}
.form input {width:180px;}*/
.emailstyle {
	width:17.0em; text-align:left
}
img.clearbits {
   background-image:url(../../images/site/bg_rounded.gif);
   background-color:#9C3;
}
img.clearbits2 {
   background-image:url(../../images/site/bg_rounded.gif);
   background-color:red;
}
img.clearbits3 {
   background-image:url(../../images/site/bg_rounded.gif);
   background-color:silver;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:20;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: fixed;
    top: 50%;
    left: 50%;
	background: #ffffff;
	z-index: 21;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px; /* -height/2 0 0 -width/2 */
	display:none;
	height:100px;
	width:100px;
	z-index:22;
}

#TB_HideSelect{
	z-index:23;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*-------------jQuery/Interface slideshow------------------------*/
#slideShow1
{
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
#slideShow2
{
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(../images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(../images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(../images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}
/*-----------Enter a word link-----------------------*/
#ewlin input[type=text] {width:100px;}
.dht {
	height: 45px;
}

#quiz ul,#fquiz ul {
	 margin 0;
	 padding-left:0;
	 padding-bottom:20px;
}
#quiz li,#fquiz li {
	list-style: none;
	padding-left:12px;
}
.qtime li {
	list-style: none;
}
#quiz input[type=text],#fquiz input[type=text]{	
	margin:0 0 0 5px;
	width:200px;
}
#quiz textarea,#fquiz textarea {
	/*
} input[type=textarea],#fquiz input[type=textarea]{	*/
	margin:0 0 0 5px;
	width:90%;
}
.wrong{
	background: url(qno.gif) no-repeat top left;	
	background-position: 0 3px;
}
.wrong2{
	background: url(qyesno.gif) no-repeat top left;	
	background-position: 0 3px;
}
.correct{
	background: url(qyes.gif) no-repeat top left;	
	background-position: 0 3px;
}
#emailform, #glossform {
	font-size: 90%;
}

.fr {
	float: right;
}
.fl {
	float: left;
	text-align: left;
}
#gallery {
	margin:10px auto 0 auto;
	width:502px;
	height:375px;
	border:1px solid #929a9d;
	padding:5px;
	background:url(../../images/site/ramosus_loading_b.gif) center 160px no-repeat #fff;
}
#slideimg {
	width:500px;
	height:375px;/*
	border:1px solid #929a9d;*/
	border:1px solid #FFF;
	margin-bottom:5px;
	background:#f1f1f1;
}
#slidecaption {
	background:#fff;
/*	margin-bottom:3em;*/
}
.thumb img {
	width:60px;
	height:60px;
	padding:3px;
	border:1px solid #929a9d;
}
#scrollDiv {
	overflow: hidden;
	height: 87px;
	width:482px;
	border:1px solid #ccc;
	float:left;
}

#thumbs {
	height: 87px;
	margin:10px;
	width:10000px;
	text-align:left;
}

#thumbnav {
	width:514px;
	margin:5em auto 10px auto;
}

.handle {
	background:#929A9D;
	border:1px solid #ccc;
	border:none;
	color:#fff;
	height:87px;
	width:15px;
	font-size:8pt;
	line-height:87px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:left;
}

#centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    font-size:80%;
}


/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 98;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  margin: 0;
  padding: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: Arial,'Lucida Grande', Tahoma, sans-serif;
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 2px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 1px;
}
/*#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 0 4px 8px;
  color: #fff;
  color: #000;
}*/

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
/*  border: 2px solid #fff;
  background-color: #000;*/
  border: 2px solid #000;
  background-color: #fff;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  /*color: #fff;*/
  color: #000;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}
/*textarea.expanding {
	line-height: 16px;
	min-height: 84px;
	height: 84px;
	width: 400px;
}*/

.hilight{background:#006699;}

.fback {
	background-color: #CE0000;
}
#sCaption {
	font-size:85%;
	padding-left:12px;
}


/* Prompts */
div.promptc {	
	border:1px solid #C0c0c0;
	background:#fff;
	padding:3px;
}
div.promptc {
	text-align:center;
	border:0;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
}
div.promptl {
	margin:0 10px 20px 0;
	padding:20px;
}
div.promptr {
	margin:0 0 20px 10px ;
	padding:1em ;
}
div.promptl p,div.promptr p,div.promptc p {
	/*font-size:90%;*/
	/*line-height:normal;*/
	/*margin:0;*/
	clear:both;
}

div.promptl h3,div.promptr h3,div.promptc h3,div.spudprompt h3 {
	color: #9c3;
}
div.promptl,div.promptr {	
	border:1px solid #C0c0c0;
}

div.spudprompt h3 {
	color: #000;
}
div.spudprompt {
	margin:0;
	text-align:center;
	width:250px;
	font-size:120%;
	/*height:375px;*/
	/*border:1px solid #929a9d;*/
	font-family: "Segoe UI", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif; 
	padding:20px;
	line-height:1.4em;
	background:url(images/spuds2.jpg) no-repeat #fff;
}


/* ---------------------------------------------------------------
Clearfix
--------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #FFFFCC;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #F3ECDA;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 5px;
  font-size: 0.80em;
  font-weight: bold;
  background-color: #99CC33;
  color: #696969;
  font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.cluetip-default #cluetip-title a {
  color: #FFFFCC;
  font-size: 0.90em;
}  
.cluetip-default #cluetip-inner {
  color: #696969;
  padding: 5px;
  font-size: 0.80em;
  font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
.citation {
	font-size:0.70em;
}