/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: List Calendar                                               |
  | Cascading Style Sheet                                            |
  | Copyright March 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  NOTE: To get this to work properly, margin and padding must be set
  to 0 (zero). This can be done site-wide or simply for the container
  used to hold this calandar and its elements where needed.
 
  Site wide:
  * {
    margin : 0;
    padding : 0;
  }

  Play around with it and you'll get it right.
*/


/* div for the calendar markup - text must be centered */

div#calendar {
  margin : 0 auto;
  margin-top: 1em;
  padding : 10px;
  text-align : center;
  width : 35em;
  border : 1px solid #ccc; 
}

/* calendar heading color */
h2.calendar {
font-family:Verdana, Arial, Helvetica, sans-serif;
  color : #FF6600;
  font-size:x-large;
  font-weight : normal;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  font-size:large;
  list-style-type : none;
  margin : 40px 0 20px 0;
}

/* day-box span styles - adjust with padding */ 
  ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 15px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li span.al, ul.weeks li span.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ffffcc;
  border : 1px solid #999;
  padding : 15px;
  cursor : pointer;
}

/* all states of not-used links */
ul.weeks li span.na   { 
  background : transparent;
  color : #666;
  cursor : pointer;
}
/* hover and focus state of active links */
ul.weeks li span.na:hover,ul.weeks li span.na:focus, ul.weeks li span.na:active
{
  color : #FFFFFF;
  background-color : #FF7E53;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}
/* hover and focus state of active links */
ul.weeks li span.al:hover, ul.weeks li span.al:focus, ul.weeks li span.al:active {
  color : #FFFFFF;
  background-color : #FF7E53;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* hover and focus state of active links */
.focused_day {
  color : #FFFFFF !important;
  background-color : #FF7E53 !important;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
.weeks li span.nu { 
  color : #eee;
  padding : 15px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}


/* to hide link separators */
.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */


div#calendar {
  _font-size : 0.9em;
  _letter-spacing : 0.001em;
}

.weeks
{
    margin : 0;
    padding : 0;
}


/* ----------------------End Calendar Styles */
/*-------------------------------------------*/
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
fieldset
{
display:none;
visibility:hidden;
}

#logo
{
text-align:center;
}

#registration
{
margin:auto;
margin-top:4em;
width:22em;
background-color:#FFFFE1;
padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#registration label
{
display: -moz-inline-stack;
display: inline-block;
width:11em;
}

#login_form
{
margin:auto;
margin-top:2em;
width:22em;
background-color:#FFFFE1;
padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#hello_text
{
margin:auto;
margin-top:2em;
width:26em;
text-align:justify;
}

#login_header
{
margin:auto;
margin-top:2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}

#up_menu
{
position:absolute;
top:1em;
left:1em;
}

#auth_succ
{
position:absolute;
top:1em;
right:1em;
}

#left_menu
{
float:left;
width:10em;
}

#months_menu
{
margin-top:3em;
}

#left_header
{
margin-top:2em;
font-size:large;
text-align:center;
color:#FF6600;
}

#right_menu
{
float:right;
width:12em;
margin-top:2em;
}

#year_choose
{
margin-left:3em;
}
#year_choose select
{
font-size:medium;
}

#footer
{
margin:auto;
margin-top:3em;
text-align:center;
font-size:small;
}

.helpnote
{
font-size:small;
background-color:#FFFFE1;
padding:5px;
}
.error-message
{
/*position:absolute;
margin-left:14em;
margin-top:-1.5em;
_position:inherit;*/
color:#FF0000;
font-size:small;
}

.error
{
color:#FF0000;
}

.common_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#348BDA;
}

.common_link:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FF6666;
}

.big_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
text-decoration:none;
color:#FF6600;
}

.big_link:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#348BDA;
}

.event_form
{
width:30em;
height:8em;
}

#day_form
{
width:32em;
margin:auto;
margin-top:1em;
font-size:medium;
color:#FF3300;
text-align:center;
}

.li_menu
{
list-style:none;
}