/* APPROACH ALL LINKS <a> TAG ARE EMBEDDED IN BLOCK <div> TAGS HENCE THE "class selector:pseudo_class" SYNTAX */

/* DEFAULT VALUES */
body { 
 background-color: #666666;
 margin-left: 0px; 
 margin-right: 0px; 
 margin-top: 0px; 
 font-size: 11px; 
 font-family: verdana,trebuchet,sans-serif; 
/* background: url("./rabbits_bw.gif") repeat fixed; */
}

#content {
 width: 525px;
 float: left;
 text-align: left;
 margin-left: 0px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 5px;
 voice-family: "\"}\"";
 voice-family: inherit;
}

body>#content {
 width: 500px;
}

#menu {
 width: 175px;
 float: left;
 font: 11px/12px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif, sans-serif;
 padding-right: 5px;
 text-align: right;
 color: #333;
 padding-bottom: 10px;
 border-right: 1px dotted #999;
}

.menuitems {
 padding-top : 15px;
 padding-bottom : 15px;
 border-bottom : 1px dotted #999;
}

/* EVENT DETAILS VIEW */

.event_details_wrapper {
 background-color: #666666;
 margin: 0;
 }
 
.event_details {
 margin: 0;
 margin-top: 25px;
 margin-left: 25px;
 margin-right: 0px;
 margin-bottom: 25px;
 background-color: #fff;
 border: 5px solid #CCCCFF;
 padding-top: 5px;
 padding-left: 5px;
 padding-bottom: 10px;
 width: 87%;
 } 


/* EVENT LIST TABLE CONTAINER (content of the event list) */
.evcont {
 border-style:none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-valign: top;
}

/* EVENT LIST TABLE CELL PADDING (content of the event list) */
td.evlstbody {
 padding: 3px 15px 3px 10px;
}

td.evlsthdr {
 padding: 3px 15px 3px 10px;
}


/* EVENT LIST SMALL TEXT (content of the event list) */
.elsmtext {
 font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif, sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: normal;
}

/* EVENT LIST MEDIUM TEXT (text between buttons) */
.elmdtext {
 font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif, sans-serif;
 font-size:   11px;
 color:       #333333;
 font-weight: normal;
}

/*  EVENT LIST HEADER */
.elheader {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #ffffff;
 font-weight: bold;
}

/* APPROACH ALL LINKS <a> TAG ARE EMBEDDED IN BLOCK <div> TAGS HENCE THE "class selector:pseudo_class" SYNTAX */
/* 	TEXT LINKS IN CALENDAR AND EVENT LISTS (member names, event titles, etc.) */
.caltextlink, .caltextlink a:link, .caltextlink a:active, .caltextlink a:visited, .caltextlink a:hover{ 
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
 display: inline;
} 
.caltextlink a:link    { color:  #0000b0; text-decoration: none;}
.caltextlink a:visited { color:  #0000b0; text-decoration: none;}
.caltextlink a:active  { color:  #333333; text-decoration: none;}
.caltextlink a:hover   { color:  #cccccc; text-decoration: none;}

/*  EVENT LINKS AND NEXT/PREVIOUS OUTSIDE CALENDAR HEADER */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #6666cc;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #0000b0; text-decoration: none; font-weight: bold;}
.navlinks a:visited { color:  #0000b0; text-decoration: none; font-weight: bold;}
.navlinks a:active  { color:  #6666cc; text-decoration: none; font-weight: bold;}
.navlinks a:hover   { color:  #cccccc; text-decoration: none; font-weight: bold;}

/* TABLE OUTLINE FOR EVENTS POPUP DETAILS(event page)*/
table.eventbox {
border:1px solid blue;
margin: 5px 5px 5px 5px;
background-color: #ffffff;
}

/* FORM OUTLINE FOR EVENTS NXT PRV LINKS AND SELECTION PULLDOWNS (event page)*/
form.calnxtprv, form.calslct{
margin: 0px 0px 0px 0px;
text-align:left;
}


/*  PREV/NEXT and MONTH LINKS WITHIN CALENDAR HEADER */
.callinks, .callinks a:link, .callinks a:active, .callinks a:visited, .callinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: normal;
} 
.callinks a:link    { color:  #ffffff; text-decoration: none; font-weight: bold;}
.callinks a:visited { color:  #ffffff; text-decoration: none; font-weight: bold;}
.callinks a:active  { color:  #ffffff; text-decoration: none; font-weight: bold;}
.callinks a:hover   { color:  #ffffff; text-decoration: none; font-weight: bold;}

/*  DAYS OF WEEK HEADER IN CALENDAR*/
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #000000;
 font-weight:  bold;
}


/*  DAYS OF MONTH IN MONTH CALENDAR */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #000000;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}



/* CLASSES FOR CALENDAR TABLE (color, height, width defined through preference set)*/
/* CALENDAR PADDING (padding between calendars) */
td.calendar {
 padding: 3px 3px 3px 3px;
}
td.calheader{
height:16px;
text-align: center;
}
td.calwkdays{
text-align:center;
padding:1px 2px 1px 2px;
}
td.calmthdays{
padding:1px 2px 1px 2px;
}

/* TABLE OUTLINE FOR EVENTS (event page)*/
table.blueline {
border:1px solid blue;
margin-left:10px;
width: 90%;
}


/* SELECTION PullDowns (acivities, groups, order)*/
.selectpulldown {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			10px;
	font-weight:        bold;
	color:				#42417b;
	background-color:	white;
	width:				120px;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#000000 1px solid; 
	border-bottom:		#000000 1px solid;
}

/* DATE PULLDOWNS (months, days, years)*/
.datepulldown {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			10px;
	font-weight:        bold;
	color:				#42417b;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#000000 1px solid; 
	border-bottom:		#000000 1px solid;
}

/* 	SEARCH TAG AND BUTTONS */
input {
 font : bold 11px/12px verdana,trebuchet,sans-serif;
 border : 1px solid #999999;
 color : black;
 background-color : #eeeeee;
 margin-top: 2px;
 margin-bottom: 2px;
}

/* 	SEARCH TAG Color change when you put your cursor in the form field. */
input:focus {
 background-color : #42417b;
}

/* 	BUTTONS */
input.calbutton {
 color : white;
 background-color : #42417b;
}

/* 	BUTTONS FOR NEXT/PREVIOUS AND PAGE LINKS(event list)*/
input.np, input.pl{
 color : blue;
 font-size: 9px;
 background-color : transparent;
 border-style:none;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 cursor:pointer;
 width:60px;
 height:15px;
}
/* PAGE LINKS BUTTONS (pagination) */
input.pl {
 width:15px;
}

/* THE SUBMIT BUTTONS (if selected by pref set) */
.cal_button   {
	font-family:      trebuchet,Verdana,sans-serif;
    font-size:        10px;
    font-weight:      bold;
    color:            #333333;    
    background-color: #ffffff;
} 

.close_button {
	padding: 5px;
  	background-color: #fff;
	border-top:	#ccc 1px solid; 
	border-left: #ccc 1px solid; 
	border-right: #aaa 1px solid; 
	border-bottom: #aaa 1px solid;
	}

.centered_button {
  text-align="center";
  }


/* CVNEWCOMERS SPECIFIC */
td.cvnbody {
 padding : 1px 15px 1px 10px;
 background-color:transparent;
}

td.cvnhdr {
 padding: 1px 15px 1px 10px;
}