/* See also cal_widget.css
 *
 * Author: oum@familycheeze.com
 *
 * Note the style "text-align:center" added to the body element. 
 * The "content" div is styled with "text-align:left". This is to 
 * compensate for IE's incorrect interpretation of the CSS standard. 
 * Special thanks to Trenton Moss of webcredible.co.uk.
 *
 * This stylesheet is for the FCZ blue theme.
 */

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body
{
  text-align: center;
}

a
{
  text-decoration: none;
}

a:link
{
  color: black;
}  /* unvisited link */

a:visited
{
  color: black;
}  /* visited link */

a:hover
{
  color: blue;
}  /* mouse over link */

a:active
{
  color: black;
}  /* selected link */

p, ol, ul, li, dl, dt, dd, blockquote
{
  color: black;
}

img 
{
  border: none;
}

td, th, span
{
  color: black;
}

h1, h2, h3, h4, h5, h6
{
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; font-weight: bold; }
h4 { font-size: 110%; font-weight: bold; }

table
{
  border-style: solid;
  border-width: 2px;
  border-color: black;
  padding: 2px;
}

td
{
  padding: 4px;
}

tr
{
  vertical-align: top;
}

tt
{
  font-size: 90%;
  font-family: monospace;
  color: #111111;
}

hr
{
  width: 100%;
  height: 2px;
  color: black;
}

pre
{
/* white-space: moz-pre-wrap; /* Mozilla, supported since 1999 */
/* white-space: pre-wrap; /* Opera 4 - 6 */
/* white-space: o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) 
                          http://www.w3.org/TR/css3-text/#white-space */
/* word-wrap:   break-word; /* IE 5.5+ */
}

div#body_trim
{
  border: solid;
  border-color: #3F9EC2;  /* Theme-specific */
  border-width: 0 1px 0 1px;
}

div#content
{
  position: relative;
  width: 1004px;
  padding: 0 5px 5px 5px;
  margin: 0 auto 0 auto;
  text-align: left;
  border: none;
}

div#banner
{
  position: relative;
  width: 100%;
  text-align: center;
  background-image: url("../images/bgBanner.png");  /* Theme-specific */
  background-repeat: repeat;
  height: 80px;
  margin: 0;
  padding: 0;
	border: none;
}

.bannerlabel
{
  position: relative;
  top: 25%;
  left: 10%;
  width: 85%;
  text-align: center;
  font-family: Arial;
  color: white;
  font-weight: bold;
  font-size: 200%;
  white-space: nowrap;
}

#dropmenu
{
width: 160px;
/* visibility: hidden; */ /* Apparently, must be styled in-line in order for the js function toggleMenu to pick up its current visibility. (???) */
z-index: 2;
position: absolute;
top: 80px;
right: 0;
border: solid;
border-width: 1px;
border-color: #BBB;
background-color: #DDF;
}

#dropmenu ul
{
list-style: none;
padding: 0;
}

#dropmenu li
{
list-style: none;
padding: 0.5em 1em;
}

#dropmenu li a
{
font-weight: bold;
}

div#footer
{
  clear: both;
  width: 100%;
  background-image: url("../images/bgFooter.png");  /* Theme-specific */
  background-repeat: repeat;
  height: 40px;
}

.popup
{
  position: absolute;
  text-align: center;
  padding: 3px;
  border: solid;
  border-color: #0000EE;
  border-width: 5px;
  background-color: #FFFFFF;
  /* z-index is set in Javascript */
  display: none;
}

div#shade
{
  display: none;
  position: fixed;
  z-index: 4; /* always above the page body elements */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: silver;
  opacity: 0.5;
  
  /*** 27/Nov/2013 Firefox doesn't like either the filter style alone or the quirksmode recommendation! ***/
  /*** 22/Jan/2014 But now it seems to work! ***/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /*filter: alpha(opacity=60); IE-style, but do I need it if I'm using the -ms-filter macro?*/
  /*filter: opacity(60%); MDN says this is the CSS3 standard filter call, but the FF console doesn't like it, and do I need it if I'm specifying "opacity: 0.6" (above)?*/
  /* This is the order of styles recommended by quirksmode */
}

.underline
{
  text-decoration: underline;
}

ul
{ 
  padding-top: 0px; 
  padding-bottom: 0px; 
  margin: 0px; 
}

.noborder
{
  border-style: none;
  padding: 0px; 
}

.event_input
{
  border-style: none;
  padding: 0px;
  width: 90%;
  margin: 0 auto 0 auto;
}

.top
{
  font-size: 80%;
}

.label
{
  text-align: left;
  vertical-align: top;
  color: navy;
  font-weight: bold;
}

.repeating_events_label
{
  text-align: left;
  vertical-align: top;
  width: 15%;	/* To match labels in surrounding tables, along with margin, below */
  margin-left: 5px;
  color: navy;
  font-weight: bold; 
  display: inline-block;	/* Not supported in IE5 & 6 */
  line-height: 200%;
}

.hint
{
  color: navy;
  font-size: 90%;
  text-align: left;
  text-decoration: none;
  position: relative;
  left: 10px;
}

.header_menu
{
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.menu_spacer
{
  font-weight: normal;
  font-size: 12px;
  color: gray;
}

.footer_menu
{
  position: relative;
  top: 12px;
  font-size: 12px;
  color: white;
}

.footer_menu_spacer
{
  font-weight: normal;
  font-size: 12px;
  color: #EEEEEE;
}

.required
{
  color: red;
  font-weight: bold;
}

.bordered
{
  width: 90%;
  margin: 0 0 0 5px;
  border: solid;
  border-width: 1px;
  border-color: #3F9EC2;  /* Theme-specific */
}