body {
	   background-color: #040;
     /*color: #8e8;*/
     font-family: arial;
     background-image: url(/images/bg-deer1.jpg);
     background-repeat: no-repeat;
     background-position: right top;
	   }
.body_div {
	width: 1000px;
	margin: auto;
}
.content_div {
  width: 1014px;
	/*width: 990px;*/
	text-align: center;
}
/* grid container div */
.outer {
  position: relative;
  padding: 130px 0 0px 0; 
  width: 1020px;
}
.innera {
  overflow: auto;
  height: 400px;
}
.outer thead {
  position: absolute;
  top: 25px;
  left: 0;
}
.outer th, outer td {
  text-align: left;
}
.previous_week {
  background-color: #8a8;
  background-color: #242;
  color: #ffa;
  padding: 2px;
  font-size: 9pt;
  border: #575 1px solid;
}
.grid_div {
/*	width:700px;*/
	text-align: center;
  width: 100%;
}
.grid {
  width: 100%;
}

html>body div.tableContainer table {
	width: 1000px
}
html>body thead.fixedHeader tr {
  display: block;
}
html>body tbody.scrollContent {
	display: block;
	/*height: 300px;*/
	/*overflow: auto;*/
	width: 100%
}
.outer {
  position: relative;
  padding: 130px 0 0px 0; 
  width: 1020px;
}
.innera {
  overflow: auto;
  height: 400px;
}
.outer thead {
  position: absolute;
  top: 25px;
  left: 0;
}
.outer th, outer td {
  text-align: left;
}

.heading {
		  font-family:arial;
		  color: #8e8;
		  font-size: 22pt;
		  font-weight: normal;
		  margin-top: 20px;
      /*
		  border-bottom: 1px solid;
      */
		  }
.title {
		font-family: arial;
		color: #6a6;
		font-size: 18pt;
		margin-top: 20px;
		}
a:link {
		text-decoration: none;
		color: #6c6;
		}
a:visited {
		text-decoration: none;
		color: #6c6;
		}
a:hover {
		text-decoration: underline;
		color:#9e9;
		}
.textbody {
		font-family: arial;
		color: #6a6;
		font-size: 12pt;
		margin-top: 20px;
		}
.footer {
    bottom: 8px;
    right: 8px;
    width: 50px;
    height: 64px;
    position: absolute;
  }
.badge {
    position: relative;
    top: 20px;
    right: 0px;
  }
h1 {
    font-family: arial;
    font-size: 24pt;
    color: #8e8;
  }
.spacer {
       /*font-size: 2pt;*/
       height: 4px;
       background-color: #020;
	     width: 72px;
       }
.days_even {
       font-family: arial;
       color: #5b5;
       font-size: 16pt;
       background-color: #030;
       padding: 8px 28px 8px 28px;
       text-align: center;
	   width: 91px;
       }
.days_odd {
       font-family: arial;
       color: #5d5;
       font-size: 16pt;
       background-color: #030;
       padding: 8px 28px 8px 28px;
       text-align: center;
	   width: 91px;
       }
.ampm_even {
       font-family: arial;
       color: #ee5;
       background-color: #020;
       padding: 4px 4px 4px 4px;
       text-align: center;
	   width: 64px;
       }
.ampm_odd {
       font-family: arial;
       color: #4a4;
       background-color: #020;
       padding: 4px 4px 4px 4px;
       text-align: center;
	   width: 64px;
       }
.standRow_even {
       background-color: #020;
       filter:alpha(opacity=85);
       opacity: 0.85;
       /*
       -moz-opacity:0.85;
       */
     }
.standRow_odd {
       background-color: #031;
       filter:alpha(opacity=85);
       opacity: 0.85;
       /*
       -moz-opacity:0.85;
       */
     }
.standLabel {
       font-family: arial;
/*       background-color: #020;*/
       color: #5a5;
       padding: 4px 4px 4px 4px;
       text-align: center;
       width: 94px;
       }
.reserve_open {
       font-family: arial;
       font-size: 8pt;
       color: #9e9;
/*       background-color: #020;*/
       padding: 2px 2px 18px 2px;
       text-align: center;
       vertical-align: top;
	   width: 68px;
       filter:alpha(opacity=85);
       opacity: 0.85;
       /*
       -moz-opacity:0.85;
       */
/*       cursor: pointer; */
       }
.reserve_taken {
       color: #cfc;
       font-size: 9pt;
       background-color: #232;
       padding: 4px 4px 22px 4px;
       text-align: center;
       vertical-align: top;
	   width: 68px;
/*       cursor: pointer; */
       }
.reserve_mine {
       color: #cfa;
       font-size: 9pt;
       background-color: #030;
       padding: 4px 4px 22px 4px;
       text-align: center;
       vertical-align: top;
	   width: 68px;
/*       cursor: pointer; */
       }
.note_updated {
  font-size: 8pt;
  color: #ddd;
  background-color: #030;
  text-align: right;
  position: top;
  padding: 2px 8px 2px 0px;
}
.note_body {
  background-color: #353; 
  padding: 6px;
}
.note_author {
  background-color: #030; 
  text-align: center;
  padding: 6px;
}
.cell_notes {
  background-color: #225;
  filter:alpha(opacity=85);
  opacity: 0.85;
  /*
  -moz-opacity:0.85;
  */
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
.cell_notes_x {
  background-color: #66f;
  filter:alpha(opacity=85);
  opacity: 0.85;
  /*
  -moz-opacity:0.85;
  */
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
.cell_notes:hover {
  background-color: #eee;
  color: #000;
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
.cell_harvest {
  background-color: #300;
  filter:alpha(opacity=85);
  opacity: 0.85;
  /*
  -moz-opacity:0.85;
  */
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
.cell_harvest_x {
  background-color: #d44;
  filter:alpha(opacity=85);
  opacity: 0.85;
  /*
  -moz-opacity:0.85;
  */
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
.cell_harvest:hover {
  background-color: #eee;
  color: #000;
  margin: 2px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
select {
       font-family: arial;
       background-color: #070;
       font-size: 8pt;
       }
.menu {
       width: 170px;
       height: 90%;
       padding: 4px 0px 0px 0px;
       vertical-align: top;
	   /*
	   background-color: #a7a774; 
	   */
	   background-color: #552;
     }
.menu_title {
       background-color: #030;
       font-size: 12pt;
       color: #0b0;
       /*
       width: 100%;
       */
       border-top: 1px solid #888;
       border-bottom: 1px solid #000;
       padding: 4px 8px 4px 4px;
       margin: 8px 0px 0px 0px;
     }
.menubar {
       position: relative;
       text-align: right;
       color: white;
       padding: 4px 40px 0px 0px;
       height: 24px;
       top: 0px;
       left: 0px;
       right: 0px;
       background-color: #010;
       font-weight: bold;
     }
.quick_select {
  background-color: yellow;
  margin-left: 4px;
}
.bottom_arrows {
      padding: 2px; 
      background-color: #343;
      position: relative;
      margin-top: 10px;
      border-top: 1px solid #000;
      border-bottom: 1px solid #999;
    }
.togglebar {
       position: relative;
       float: left;
       text-align: left;
       color: white;
       padding: 1px 1px 2px 12px;
       height: 15px;
       width: 100px;
       top: 5px;
       left: 0px;
       z-index: 9;
       /*
       background-color: #030;
       */
       font-weight: bold;
     }

.menu_item {
       color: #9f9;
       font-size: 12pt;
       padding: 2px 2px 2px 6px;
     }
.main {
/*       width: 990px;  */
       width: 1014px;
       position: relative;
       /*
       top: 4px;
       */
     }
.content {
  /*
       width: 100%;
  */
       position: relative;
       width: 647px;
       vertical-align: top;
/*       background-color: #030; */
       color: #8e8;
     }
.page_content {
    position: relative;
    background-color: #a7a774; 
    color: white; 
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px -3px;
    height: 100%; 
    width: 640px; 
    /*
    border-bottom: 6px solid #111; 
    border-right: 6px solid #111;
    */
  }
.member_content {
    position: relative;
    /*
    background-color: #a7a774; 
    */
    color: white; 
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px -3px;
    height: 100%; 
    width: 640px; 
    /*
    border-bottom: 6px solid #111; 
    border-right: 6px solid #111;
    */
  }

.login_form {
       position: relative;
       width: 200px;
       margin: 0px auto;
     }
#grid a:link {
		text-decoration: none;
		color: #ddd;
		}
#grid a:visited {
		text-decoration: none;
		color: #ddd;
		}
#grid a:hover {
		text-decoration: underline;
		color:#fff;
		}
#grid td:hover {
  background-color: #222;
  filter:alpha(opacity=90);
  opacity: 0.9;
  }
.news {
      position: relative;
      width: 188px;
      height: 100%;
      padding: 4px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      vertical-align: top;
	   /*
	   background-color: #a7a774; 
	   */
	   background-color: #552;
     filter:alpha(opacity=90);
     opacity: 0.9;
     }
.news_title {
      font-size: 18pt;
      font-family: georgia;
      color: #fff;
      background-color: #262;
      padding: 15px 0px 10px 25px;
    }
.news_published {
      font-size: 9pt;
      font-family: arial;
      text-align: right;
      color: #ccc;
      padding: 5px 10px 0px 0px;
    }
.news_body {
      font-size: 14pt;
      font-family: georgia;
      color: #fff;
      padding: 5px 10px 10px 15px;
    }

.news_updated {
  font-size: 9pt;
  color: #585;
}
.ticker_items {
      font-size: 8pt;
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      line-height: 110%;
}
.harvest_title {
      font-size: 18pt;
      font-family: georgia;
      color: #fff;
      background-color: #622;
      padding: 15px 0px 10px 25px;
    }
#news_links {
      font-size: 8pt;
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      line-height: 150%;
    }
#news_links a:link, a:visited {
      color: #fff;
     }
#news_links a:hover {
      color: #ffb;
      background-color: #030;
     }
#news_links div {
  padding: 1px 0px 1px 6px
}
#news_links div:hover {
      background-color: #030;
}
#out_links {
      font-size: 8pt;
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      line-height: 150%;
    }
#out_links a:link, a:visited {
      color: #fff;
     }
#out_links a:hover {
      color: #ffb;
      background-color: #030;
     }
#out_links div {
  padding: 1px 0px 1px 6px
}
#out_links div:hover {
      background-color: #030;
}
input.btnMine { 
  color:#fff; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 8pt;
  background-color:#450; 
  height: 16px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  margin: 4px 0px -16px 0px;
  cursor: pointer;
} 
input.btnOpen { 
  color:#ccc; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 8pt;
  background-color:#030; 
  height: 16px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  margin: 4px 0px -16px 0px;
  cursor: pointer;
}
input.btnTaken { 
  color:#ccc; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 11pt;
  background-color:#222; 
  height: 16px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  margin: 4px 0px -16px 0px;
} 
input.btnLoading { 
  color:#d88; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 7pt;
  background-color:#600; 
  height: 14px;
  border: 1px solid; 
  border-color: #966 #633 #633 #966; 
  margin: 0px 0px -16px 0px;
  /*
  padding: -3px;
  */
}
input.text_field {
  color: #000;
  background-color: #5b5;
/*  background: rgba(235, 255, 235, 0.5);*/
  filter:alpha(opacity=80);
  opacity: 0.8;
  /*
  -moz-opacity:0.8;
  */
  border: 2px solid;
}
textarea {
  background-color: #5b5;
/*  background: rgba(235, 255, 235, 0.5);*/
  filter:alpha(opacity=80);
  opacity: 0.8;
  /*
  -moz-opacity:0.8;
  */
  border: 2px solid;
}
.res_table {
  width: 100%;
/*  width: 700px;*/
}
.notice {
  position: relative;
  text-align: center;
  color: #080;
  font-size: 10pt;
}
.console_cells{
	padding: 4px 4px 4px 4px;
/*	background-color: #030;*/
}
.console_row{
	padding: 6px 6px 6px 6px;
	background-color: #030;
}
.console_row_alt{
	padding: 6px 6px 6px 6px;
	background-color: #040;
}
.edit_button {
  font-size: 9pt;
  text-align: center;
  background-color: #222;
  border: 1px solid;
  border-color: #000;
  padding: 4px;
}
.manage_list {
  font-size: 18pt;
  color: #595;
  background-color: #010;
}
.show_item {
  width: 647px;
}
.show_label {
  text-align: right;
  vertical-align: top;
  color: #4a4;
  width: 130px;
}
.show_value {
  background-color: #151;
  vertical-align: text-top;
  padding: 4px;
  filter:alpha(opacity=75);
  opacity: 0.75;
  /*
  -moz-opacity:0.75;
  */
}
.report_title {
  font-size: 12pt;
  font-weight: bold;
  color: #000;
  background-color: #aca;
  vertical-align: text-top;
  padding: 4px;
}
.report_head {
  font-size:9pt;
  font-weight: bold;
  color: #000;
  background-color: #aca;
  vertical-align: text-top;
  padding: 4px;
}
.report_value {
  font-size:8pt;
  color: #000;
  background-color: #cec;
  vertical-align: text-top;
  padding: 4px;
}
/*            picture upload widget   */
#picture_list {
  background-color: #030; 
  padding: 4px;
}
#pic_upload {
  background-color: #030;
  color: #fff; 
  font-size: 7pt; 
  text-align: center;
}
#pic_upload input.btn {
  color:#fff; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 7pt;
  background-color:#450; 
  height: 18px;
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  cursor: pointer;
}
#pic_upload input.text {
  color:#000; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 7pt;
  background-color:#cd9; 
  height: 11px;
  border: 1px solid;
}
#pic_upload input.file {
  color:#060; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 7pt;
  background-color:#030; 
  height: 18px;
  border-color: #030 #030 #030 #030;
  cursor: pointer;
}
#pic_uploading {
  position: relative;
  text-align: center;
  color: #000;
  background-color: #bfb;
  float: right;
  padding: 4px;
}
.picture_delete_link {
  font-size: 14pt;
}
#deleting_pic {
  background-color: #cc8;
  color: #000;
  font-size: 8pt;
  text-align: center;
}

/*  allnews page styles */
#allnews a:visited {
  color: #333;
}
#allnews a {
  color: #040;
}
#allnews .news_box {
  color: #222; 
  margin: 8px 8px 8px 5px; 
  padding: 0px 0px 0px 8px; 
  background-color: #fff;
  border: 2px solid;
}
#allnews .news_box_hdr {
  font-weight: bold; 
  border-bottom: solid 1px; 
  color: #777;
  padding: 0px 0px 0px 8px;
}
#allnews .news_box_content {
  padding: 4px 2px 4px 12px; 
  font-size: 10pt;
}
#allnews .note_box {
  color: #222; 
  width: 500px; 
  margin: 8px 0px 8px 75px; 
  padding: 0px 0px 0px 8px; 
  background-color: #ffb;
  border: 2px solid;
}
#allnews .note_box_content {
  padding: 4px 2px 4px 12px; 
  font-size: 10pt;
}
#allnews .note_box_pix {
  text-align: right;
}
#allnews .harvest_box {
  color: #500; 
  width: 350px; 
  margin: 8px 0px 8px 20px; 
  padding: 0px 0px 0px 8px; 
  background-color: #fbb;
  border: 2px solid;
}
#allnews .harvest_box_content {
  padding: 4px 2px 4px 12px; 
  font-size: 10pt;
}
#allnews .reserve_box {
  color: #005; 
  width: 400px; 
  margin: 8px 0px 8px 15px; 
  padding: 0px 0px 8px 8px; 
  background-color: #bbf;
  border: 2px solid;
}
#allnews .reserve_box_content {
  padding: 4px 2px 8px 12px; 
  font-size: 10pt;
}
#allnews .datestamp {
  text-align: right;
  font-size: 8pt;
  color: #bfb;
  background-color: #000;
  margin-left: -8px;
  margin-bottom: 8px;
}
#allnews .pic {
  border: 1px solid #bbb;
  padding: 3px;
}
.map_image {
  text-align: right;
}
#report_body {
  width: 700px;
}
#report {
}
#report select {
  background-color: #fff;
  color: #000;
}
.table_print {
  width: 700px;
}
.notify_reserve {
  background-color: #800;
  color: #fff;
  padding: 2px 6px 2px 6px;
  margin: 2px;
  font-size: 9pt;
  border: #ee5 1px dashed;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* 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(/javascripts/images/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: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/javascripts/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/javascripts/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/javascripts/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/javascripts/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/javascripts/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/javascripts/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/javascripts/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/javascripts/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/javascripts/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/javascripts/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/javascripts/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/javascripts/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/javascripts/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/javascripts/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/javascripts/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/javascripts/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}