/* CSS Document THAT COMES PACKAGED WITH SERVICE LEARNING APPLICATION */
.style1 {color: #FFFFFF}
body,td,th {
}
.style5 {color: #666666}
.style6 {font-size: 9px}
.style11 {
	font-size: 14px;
	font-weight: bold;
}
.style14 {font-size: 14}
 
-->
/*styles for forms*/


form .instructions{
padding:5px;
margin:10px;
width:90%;
}
form .required{
color:red;
}

/*end of styles for forms*/

/*data table styles */
#data{

margin:10px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
}
#data a.bad{
font-size:14px;
font-weight:bold;
text-decoration:none;
color: #006699;
}
#data a.bad:hover{
font-size:14px;
font-weight:bold;
text-decoration:underline;
color: #006699;
}
#calendar td{
border:.5px solid black;
color:#333333;
text-decoration:none;
background-color:#fff7d8;
font-weight:bold;
width:25px;
height:15px;
text-align:center;
padding:3px;
font-size:12px;
}
#data th{
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#eeeeee;
padding:5px;
}
#data td{
padding:5px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
/*end of data table styles*/

/*styles for the activity detail page*/
.selected{

border-top:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #006699;
border-bottom:1px solid white;
background-color:white;
padding:10px;
cursor:pointer;
font-size:14px;
font-weight:bold;
color:#006699;
}
.notselected{
width:25%;
border-top:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #006699;
border-bottom:1px solid #006699;
background-color:#cccccc;
padding:10px;
cursor:pointer;
font-size:14px;
font-weight:bold;
color:#006699;
}

/*--hover state*/
.selected:hover{
width:25%;
border-top:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #006699;
border-bottom:1px solid white;
background-color:white;
padding:10px;
cursor:pointer;
font-size:14px;
font-weight:bold;
color:black;
}
.notselected:hover{

border-top:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #006699;
border-bottom:0;
background-color:#eeeeee;
padding:10px;
cursor:pointer;
font-size:14px;
font-weight:bold;
color:#006699;
}
.contenthidden{
display:none;
}
.contentvisible{
display:block;
}
/*----end of hover state--*/

#content{
border-left:1px solid #006699;
border-right:1px solid #006699;
border-bottom:1px solid #006699;
padding:10px;
}
.contenttd td{
padding:5px;
}
.contenttd{
width:630px;
}

a.registerit{
width:100px;
color:#000066;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
a.registerit:hover{
background-image:url(/service/images/arrow_right.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
width:100px;
color:#000066;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.closed{
text-decoration: line-through;
color:#cccccc;
font-size:13px;
font-weight:bold;
}
/*end of detail page styles--*/

/*left nav styles*/
#leftnav{
padding:5px;
}
#leftnav a{
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#000066;
}
#leftnav a:hover{
font-size:13px;
font-weight:bold;
text-decoration:underline;
color:#000033;
}

/*---------------*/
.dayscell{
font-size:10px;
border-top:1px solid #eeeeee;
border-right:1px solid #eeeeee;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #eeeeee;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}