#calendar {
margin: 0px;
padding: 0px;
float: left;
width: 590px;
text-align: left;
}

#expandable {
margin: 0px;
padding: 0px;
float: left;
width: 500px;
text-align: left;
}

div.event {
padding: 10px 10px 10px 10px;
clear:both;
border-bottom:1px solid #d7d7d7;
background-color: #eeeeee;
}

div.event2 {
padding: 10px 10px 10px 10px;
clear:both;
border-bottom:1px solid #d7d7d7;
}

a.clicker img{
padding: 0px;
background:#fbfbfb;
float: right;
height: 25px;
}

div.event p {
cursor: pointer;
}

div.event a {
cursor:pointer;
color:#3a3a3a;
}

div.event a:link, div.event a:visited, div.event a:active{
cursor:pointer;font-weight:100;
}
	
div.highlight02 {
border:0px dotted #ccc;
background-color:#f1f1f1;
border-bottom:1px solid #d7d7d7;
-moz-border-radius: 1x;
-webkit-border-radius: 1px;
}

div.highlight01 {
border:1px solid #eee;
background-color:#eee;
-moz-border-radius: 1x;
-webkit-border-radius: 1px;

}

div.desc p{
color:#555;
font-weight:normal;
border-top:1px solid #eee;
padding:15px 20p 20px 15px;
background-color:#fff;
}

#altext { 
display: none 
}




/* CALENDAR */

.side_date{
    width:40px;
    background:url() no-repeat;
    font-weight:900;
}

.side_date .month{

     width:40px;
     padding:2px 0px 0px 4px;
     color:#999;
text-align:left;

	 
}

.side_date .day{
     width:40px;
     padding:1px 0px 0px 4px;
     font-size:12px;
     color:#555;
text-align:left;

}

.to{
width:5px;         
border-top:2px solid #666;
margin-top: 5px;
}

.fltleft
{float:left;}

.fltright
{float:right;}

.to{
width:5px;         
border-top:2px solid #666;
margin-top: 5px;
}

.fltleft
{float:left;}

.fltright
{float:right;}

.events_frame
{border:0px solid #ccc;}


.side_date2{
     width:39px;
	 height:40px;
	 color:#363636;
	 font-weight:700;
}

.side_date2 .month{
     width:32px;
     padding:0px 0px 0px 5px;
color:#fff;

	 
}

.side_date2 .day{
     width:32px;
     padding:3px 0px 0px 4px;
     font-size:18px;
color:#444;
}

.to{
width:5px;         
border-top:2px solid #666;
margin-top: 5px;
}

.fltleft
{float:left;}

.fltright
{float:right;}

.events_frame
{border:0px solid #ccc;}


.side_date2{
     width:39px;
	 height:40px;
	font-weight:700;
}

.side_date2 .month{
     width:32px;
     padding:0px 0px 0px 5px;
color:#fff;

	 
}

.side_date2 .day{
     width:32px;
     padding:3px 0px 0px 4px;
     font-size:18px;
color:#444;
}


.calbox {
text-align:right;margin:0px 20px 10px 0px;
}


/**/


.to{
width:5px;         
border-top:2px solid #666;
margin-top: 5px;
}

.fltleft
{float:left;}

.fltright
{float:right;}


.events_frame
{border:0px solid #ccc;}


.side_date2{
     width:50px;
	 height:40px;
	 color:#363636;
	 font-weight:700;
}

.side_date2 .month{
     width:32x;
     padding:0px 0px 0px 5px;
color:#fff;

	 
}

.side_date2 .day{
     width:32px;
     padding:3px 0px 0px 4px;
     font-size:18px;
color:#444;
}


/**/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:10px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
margin:0;
position:relative;
left:0px; top:0px;
padding: 0;

min-height: 40px;
height:auto;
_height: 43px;

border-bottom: 1px solid #d7d7d7; /* bottom line for tabs */
 
}

ul.tabbernav li
{

 list-style: none;
 margin:0 ;
 display:inline;
 border:0px solid red; /* border 0 for no spaces */

}

ul.tabbernav li a
{
 position:relative;

left:0px; top:15px; /* ie6 */
left:0px; *top:12px; /* ie7 ff2 */
left:0px; -top:15px; /* ff3 */
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius:5px;
 padding: 10px;
 border:1px solid #d7d7d7;
 text-decoration: none;
 background-image:;
 background-repeat:repeat;
 font-family : "trebuchet ms", arial, verdana, sans-serif;
/*  font-weight:bold;
  font-size:14px; */
}



ul.tabbernav li a, x:-moz-any-link {
 position:relative;

left:0px; top:12px; /* ie7 ff2 */

 padding: 10px;
 border:1px solid #d7d7d7;
 text-decoration: none;
 background-image:;
 background-repeat:repeat;
 font-family : "trebuchet ms", arial, verdana, sans-serif;
/*  font-weight:bold;
  font-size:14px; */


} /* FireFox 2 */



ul.tabbernav li a:link { color: #323232;
font-size: 14px;
}

ul.tabbernav li a:hover
{
 color: #cc3333;
 text-decoration:none;

}

ul.tabbernav li.tabberactive a
{
border-top:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7; 
border-bottom:1px solid #fff;
background-image:;
background-repeat:repeat;

}

ul.tabbernav li.tabberactive a:hover
{
color: #323232;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px; 
 border-left:1px solid #d7d7d7;
 border-right:1px solid #d7d7d7;
 border-bottom:1px solid #d7d7d7; 
 background: #fff;
 border-top:0;
 height:100%;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab*/
.tabberlive .tabbertab h2 {
 display:none;
}
/*
.tabberlive .tabbertab h3 {
 display:none;
}
*/

/* END CALENDAR */