/************* news/events/index.php calendar styles ******/
p {font-size: 1em !important;}
#calendar_menu { margin: 0;margin-top: -13px;background-color: #f2ebd6;padding: .3em 1em;}
#calendar_menu ul, ul#event_breadcrumb  {margin: 0;	padding: 0;	list-style-type: 0;	padding: 5px;}
ul#event_breadcrumb { padding-left: 18px; margin: 0; background-color: #efefef;}
#calendar_menu ul li, ul#event_breadcrumb  li {	display: inline;}
ul#event_breadcrumb  li {	padding: 0 1em;}
#calendar_menu ul li a,  ul#event_breadcrumb  li a { color: black; margin-right: 1em; text-decoration: none;}
#calendar_menu li a:hover, ul#event_breadcrumb li a:hover { text-decoration: underline;	color: #444; }
#calendar_menu table { background-color: white; border: 1px solid #c2bba6; padding: 5px; margin-top: 1em;}
#calendar_menu form { position: relative; z-index: 999;}

ul#date_pager {margin:0;padding:0;list-style-type:none; }
ul#date_pager li {float: left;}
ul#date_pager li.prev { width: 100px;}
ul#date_pager li.next { float: right; text-align: right; width: 100px;}
ul#date_pager li.dates {text-align: center; width: 375px;}

table#event { margin-top: 1em; }
table#event th {background-color: white; text-align: right; padding-right: 2em; width: 100px;}
table#event thead th { background-color: #E5ECF9; font-size: 1.4em; padding: .2em; margin-bottom: .5em; text-align: left;}

#event_list {position: relative;}
#event_list .teleclass {background: url(/css/images/napo_education_logo.png) 95% 90% no-repeat;}
#event_list .odd { background-color: #E7F2E7; }
#event_list .even { background-color: #FBFFFB;}
#event_list .event {margin-bottom: 2em;}
#event_list .event .header {background-color: #DDE8DD;}
#event_list .event .header .date { 
	float: left; 
	font-size: 1.2em; 
	margin-right: 1em; 
	padding: 5px 12px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ddd;}
#event_list .event .header .title { font-size: 1.2em; padding: 5px 8px; }
#event_list .event .header .title a {color: rgb(100, 126, 101);}
#event_list .event .body {padding: 5px 8px; border: 1px solid #DDE8DD;; border-top-width: 0;}
#event_list .event .description p {margin: .8em 0 0 0;}
#event_list .event .submitted_by {float: right; font-size: .9em; width: 100px;}


.event_form form input { margin-right: 1em; margin-top: 2px; clear: left; width: 300px;}
.event_form form input.short {width: 100px;}
.event_form form label { clear: left; display: block; margin-top: 2em;}
.event_form form input.error {padding: 0; float: left;}
.event_form form label.error { 
	display: inline; 
	background-color: white; 
	border-width: 0; 
	padding: 0;
	width: auto; 
	clear: none;}
.caption { font-size: 0.9em !important; font-style: italic; text-align: center;}
form .caption {text-align: left;}
input#submit_button { background-color: #ccc; width: auto; padding: 10px 20px;}

.leftform {	width: 350px; padding-right: 50px;}
.rightform { width: 500px; }
.descriptionbox {
	width: 470px;
	height: 500px !important;
	color: #444 !important;	
	font: 1em helvetica, arial, sans-serif;
}
h4 { font-size: 1.2em; 
	margin-top: 2em; 
	margin-bottom: 0; 
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
	width: 85%;
	}
h4+label {margin-top: 1em !important;}
td.total {font-size: 1.2em; background-color: #ccc;}


#chapter_checkbox {	width: auto;}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button, input.button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img, input.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover, input.button:hover {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, input.button:active;{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover, input.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active, input.position:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover, input.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active, input.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}