/* -*- C++ -*- */

body {
 background-color: #EFEFEF;
 font-size: 12px;
 font-family: fixedsys, monospace;
}

a {
 color: blue;
 text-decoration: none;
}

img {
 border: 0px;
}

/**
 * logo
 */

#logo_tr, #logo_tl, #logo_mi, #logo_bm {
 position: absolute;
 margin: 0px;
 padding: 0px;
 top: 0px;
 left: 0px;
 z-index: 1000;
 float: left;
}

#logo_tr { left: 73px; }
#logo_mi { top: 109px; }
#logo_bm { top: 157px; }

/**
 * image header
 */

#recent_images {
 clear: none;
 height: 120px;
 margin-left: 30px;
 z-index: 100;
 position: absolute;
 top: 8px;
 overflow: hidden;
 height: 104px;
 text-align: right;
}

.header_image
{
  margin-left: 6px;
  margin-right: 6px;
  padding: 1px;
  border: 1px solid #AFAFAF;
}


/**
 * tabs from http://unraveled.com/projects/css_tabs/
 */

div#main_content {
 padding: 0px;
 margin: 0px;
 position: absolute;
 left: 0px;
 top: 123px;
 width: 100% !important;
 overflow: hidden;
 max-width: 100%;
}


ul#tab_placeholder { 
                     display: none;
                    }

ul#tab_navigation {
  /* text-align: left;*/
 margin: 1em 0em 1em 0em;
 font: 12px fixedsys, monospace;
 border-bottom: 1px solid #BBB;
 list-style-type: none;
 /* THIRD number must change with respect to padding-top (X) below */
 padding: 3px 0px 3px 0px;
 padding-left: 70px;
}

ul#tab_navigation li {
 display: inline;
 padding-left: 3px;
 padding-right: 3px;
}

/**
 * defaullts for tab links (selected overrides below)
 */

ul#tab_navigation li a {
 /* FIRST number must change with respect to padding-top (X) above */
 padding: 3px 4px;
 border: 1px solid #BBB;
 background-color: #DEDEDE;
 color: #666;
 margin-right: 0px;
 text-decoration: none;
 border-bottom: none;
}

ul#tab_navigation a:hover {
 background: #fff;
}

/**
 * hardcode static nav tabs
 */

ul#tab_navigation li.static, ul#tab_navigation li.static .selected {
 position: absolute;
 top: 11px;
 margin: 0px;
 padding-bottom: 3px;
 padding-top: 4px;
}

ul#tab_navigation li#about_link { right: 10px; }
ul#tab_navigation li#options_link { right: 63px; }
ul#tab_navigation li#search_link { right: 132px; }
ul#tab_navigation li#add_link { right: 194px; }

/**
 * selected tab options.
 */

ul#tab_navigation li.selected {
  border-bottom: 1px solid #EFEFEF;
  background-color: #EFEFEF;
}

ul#tab_navigation li.selected a {
 /* must change with respect to padding (X) above and below */
 background-color: #EFEFEF;
 color: #000;
 position: relative;
 top: 1px;
 padding-top: 4px;
}

ul#tab_navigation li a:focus { outline: 0; }

/**
 * end of tab junk
 */


#current_channel
{
  min-height: 300px;
  max-width: 100%;
}

#log_info
{
 margin: 10px;
 width: 400px;
 overflow: hidden;
}

#log_info .info_box_calendar
{
 margin-top: 10px;
 float: left;
}

/**
 * timestamp dropdowns.
 */

.dd_menu { 
 float: left;
 display: none;
 position: absolute;
 background-color: #EFEFEF;
 border: 1px solid black;
 font-family: tahoma;
 font-size: 9px;
}

.dd_menu a { color: blue; }
.dd_menu a:hover { color: red; }

/**
 * channel info box.
 */

.info_box {
 top: 40px;
  white-space: normal;
  /* width: 200px; */

 background-color: #EFEFEF;
 border: 1px dotted black;
 margin: 2px;
 position: absolute;
 right: 0px;
 opacity: 0.9;

 font-family: tahoma;
 font-size: 12px;
}

.info_box_title {
 background-color: #DFDFDF;
 text-align: center;
 border-bottom: 1px solid #AFAFAF;
 padding: 3px; 
}

.info_box_links {
  text-align: center;
  padding: 3px;
}

.info_box_calendar {
  /*  border: 1px solid red; */
}

.context_box { 
 background-color: #DFDFDF;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-bottom: 5px;
 padding-top: 5px;
 display: none;
 border: dotted 1px black;
 border-top: dotted 1px black;
}

.context_box_header { 
 border-bottom: dotted 1px black;
 margin-bottom: 4px;
 padding-bottom: 3px;
 width: 250px;                     
}



/**
 * calendar stuff.
 */

.calendar_wrapper {
 margin-top: 4px;
 margin-bottom: 4px;
 width: 180px;
 height: 150px;
 margin-left: auto;
 margin-right: auto;
}

.calendar
{
 background-color: white;
 /* filter: alpha(opacity=60); */
 opacity: 0.6; 
 width: 100%;
 height: 100%;
}

.cal_month {
  font-family: "courier new";
  font-size: 12px;
  text-align: center;
  vertical-align: top;

}

.cal_week 
{
  font-family: "courier new";
  font-size: 12px;
  text-align: center;
  vertical-align: top;
}

#calendar_year .cal_day
{
 height: 29px;
}

#calendar_month .cal_day
{
 height: 50px;
 font-size: 20px;
}

.cal_day {
  font-size: 10px;
  font-family:verdana;
  color:black;
  background-color: #EFEFEF;
  padding: 3px;
  text-align: center;
}

.cal_day.selected {
  background-color: #FF9999;
}

.cal_day.today {
  background-color: #CCCCFF;
}

.cal_day#cal_today {
  background-color: #CCCCFF;
  font-weight: bold;
  color: red;
  /* filter: alpha(opacity=100); */
  opacity: 1.0;
}

#today a {
  font-weight: bold;
  color: red;
}

.cal_day#cal_selected{
  background-color: #FF9999;
  font-weight: bold;
  color: green;
  /*  filter: alpha(opacity=100); */
  opacity: 1.0;
}

#selected a {
  font-weight: bold;
 color: green;
}

.mono { font-size: 12px; font-family: "courier new", monospace;}

.cal_day.links_1 {
  background-color: #DAF3CB;
  text-align: center;
}

.cal_day.links_2 {
  background-color: #AADE8A;
  text-align: center;
}

.cal_day.links_3 {
  background-color: #6DC738;
  text-align: center;
}

.cal_day.links_4 {
  background-color: #4F991F;
  text-align: center;
}

#calendar_year, #calendar_month
{ 
  margin-left: 10px;
  margin-right: auto;
  min-width: 800px;
  max-width: 1000px;
}

#calendar_month { 
  min-width: 600px;
  max-width: 600px;
}

#year_picker, #calendar_view_desc
{
  font-size: 12px;
  font-family: "courier new", monospace;
  margin-left: 10px;
  margin-right: auto;
  padding-bottom: 8px;
  /*  filter: alpha(opacity=60); */
  opacity: 0.6; 
  text-align: left;
  min-width: 800px;
  max-width: 1000px;
}

#calendar_view_desc
{
 opacity: 1;
}

.error_text {
  color: DarkRed;
  margin: 10px;
  padding: 10px;
}

.loading {
 display: none;
 position: absolute;
 z-index: 500;
 background-color: black;
 opacity: 0.7;
 width: 100%;
 height: 500px; /* fixed by js later hopefully */
 color: white;
/* background-image: url(/overlay.png); */

 margin: 0px;
 left: 0px;
 top: 33px;
 text-align: center;
 vertical-align: middle;
}

.loading .load_message {
 background-color: red;
 opacity: 1.5;
 position: absolute;
 top: 40%;
 left: 45%;

 border: 1px solid red;
 padding: 15px;
}

#text_manip
{
 display: none;
 white-space: pre;
 margin-left: 10px;
}