/* @override 
	http://tufts.site/css/calendar.css
	http://tufts.newcitymedia.com/css/calendar.css
*/

.full-width #content-main {
	float: none;
	width: auto;
	padding-left: 0;
}

.full-width #content-outer {
	background-image: url('/images/layout/content-bg-fullwidth.png');
}

.full-width #content-inner {
	background-image: none;
}

/*
.calendar #filter .dropdown {
	display: block;
}
*/

/* @group Calendar navigation styles */

div#calendar-nav {
	background: transparent url(/images/layout/calendar-nav-listview.png) scroll no-repeat 50% bottom;
	position:  relative;
	height: 39px;
	margin-bottom: 17px;
	z-index: 999;
}

.calendar-grid div#calendar-nav 
{
	background-image:  url(/images/layout/calendar-nav-gridview.png);
}

.calendar-detail div#calendar-nav
{
	background-image: url(/images/layout/calendar-nav-notabs.png);
	height:  auto;
	padding-bottom: 14px;
	padding-left: 12px;
}

.calendar-detail div#calendar-nav p
{
	font-size:  1.1em;
	font-weight:  bold;
	line-height: 2.6em;
	vertical-align: middle;
	margin: 0;
	padding:  0;
}

/* @group Calendar navigation tabs */

div#calendar-nav li.tab {
	width:  97px;
	height:  20px;
	list-style: none;
	display:  block;
	position:  absolute;
	bottom:  5px;
	opacity:  .5;
}

div#calendar-nav li.tab a
{
	display:  block;
	height:  20px;
}

div#calendar-nav li.tab a span
{
	display:  block;
	position:  absolute;
	left:  -9999em;
}

div#calendar-nav li#list-view
{
	left: 153px;
	background: none;
	padding: 0;
}

div#calendar-nav li#month-view
{
	left: 36px;
	background: none;
	padding: 0;
}

div#calendar-nav ul#calendar-subnav
{
	display: block;
	position:  absolute;
	bottom:  15px;
	right:  0;
	text-align: right;
	margin:  0;
}

div#calendar-nav ul#calendar-subnav li
{
	margin:  0;
	display:  inline;
	background: none;
	padding: 0;
	font-size: 1em;
}

div#calendar-nav ul#calendar-subnav li a
{
	color: #3270AB;
	font-weight:  bold;
	font-size: 1.1em;
	background: transparent url(/images/layout/arrow-blue-right.png) scroll no-repeat left .4em;
	padding-left:  8px;
	margin-left: 14px;
}

/* @end */

/* @group filter dropdown_menu */
	
div#calendar-nav #filter 
{
	position: absolute;
	left:  282px;
	top:  6px;
	background: #e5e5e5 url(/images/layout/button-dropdown-left.png) scroll no-repeat left 0;
	min-height:  22px;
	line-height: 22px;
	padding-left: 1px;
	width: 293px;
}

div#calendar-nav #filter .control
{
	font-size:  1.1em;
	font-weight:  bold;
}

div#calendar-nav #filter .control a
{
	display: block;
	background:  transparent url(/images/layout/button-dropdown-right.png) scroll no-repeat right 0;
	padding-right:  35px;
	padding-left: 5px;
}

div#calendar-nav .dropdown {
	max-height:  500px;
	overflow: auto;
	display: block; 
	background-color: #fff;
	margin:  0;
	padding:  0;
	border: 1px #e5e5e5 solid;
	border-left-width: 0;
	display: none;
	position: relative;
	z-index: 9999;
}

div#calendar-nav .dropdown ul {
	margin:  0 0 0 15px;
}

/* make sure nested li font sizes don't grow... */
div#calendar-nav .dropdown li li { font-size: 1em; }

div#calendar-nav .dropdown ul li {
	background:  url(/images/layout/arrow-blue-right.png) no-repeat 0 7px;
	padding: 0;
	padding-left: 5px;
	
}

div#calendar-nav .dropdown ul li.expanded {
	list-style-image:  url(/images/layout/arrow-blue-down.png);
}

div#calendar-nav .dropdown li ul
{
	display:  block;
}

/* expand only children, unless you're in IE... */
div#calendar-nav .dropdown li.expanded > ul { display:  block; }
	
/* @end */

/* @end */

/* @group Calendar List Page Styles */

/* @group Calendar-list */

#calendar-list table {
	margin:  0;
	padding:  0;
	width: 946px;
}

#calendar-list thead th
{
	background: #DE6A00 url('/images/layout/bkg-calendar-table-header.png');
	position:  relative;
	background-position: 50% 0;
}

#calendar-list thead th:first-child
{
	background-position: 0 0;
}

#calendar-list thead th:last-child
{
	background-position: 100% 0;
}


#calendar-list tbody th
{
	text-align:  left;
	font-weight:  normal;
	background-color: transparent;
}

#calendar-list tbody th, 
#calendar-list tbody td
{
	font-size: 1.2em;
	color: #333;
}

#calendar-list tr.odd th,
#calendar-list tr.odd td
{
	background-color: #FFF9EF;
}

#calendar-list td a:link,
#calendar-list td a:active, 
#calendar-list td a:visited 
{
	color:  #DE6A00;
	font-weight:  bold;
}

/* @end */

/* @group Pagination */
.calendar #content-main .pagination {
	text-align:  center;
}

.calendar #content-main .pagination li {
	list-style:  none;
	display: inline;
	margin:  0 .5em;
	font-size:  1.2em;
}

.calendar #content-main .pagination a.previous-link,
.calendar #content-main .pagination a.next-link,
.calendar #content-main .pagination a.first-link,
.calendar #content-main .pagination a.last-link {
	font-weight:  bold;
}

/* @end */

/* @end */

/* @group Calendar Grid styles */

#calendar-grid .month-nav
{
	text-align: center;
	margin: 1em 0 .3em;
	width: 100%; overflow: hidden;
}

#calendar-grid .month-nav ul
{
	position: relative;
	float: left;
	left: 50%;
	margin: 0;
}

#calendar-grid .month-nav li {
	margin: 0; 
	padding: 0; 
	float: left;
	background-image: none;
	position: relative;
	right: 50%;
}

#calendar-grid .month-nav a
{
	display:  inline-block;
	height: 2.8em;
	width: 15px;
	text-indent: -9999em;
	text-align: left;
	background: transparent url('/images/layout/arrow-circle-blue-left.png') scroll no-repeat 50% 50%;
	line-height: 2.8em;
}

#calendar-grid .month-nav .next-link
{
	background-image:  url('/images/layout/arrow-circle-blue-right.png');
	display:block;
	height:33px;
	width:18px;
}

#calendar-grid .month-nav .previous-link
{
	background-image:  url('/images/layout/arrow-circle-blue-left.png');
	display:block;
	height:33px;
	width:18px;
}

#calendar-grid .month-nav h2
{
	/*display: inline-block;*/
	color: #3270AB;
	font-size: 2.8em;
}

#calendar-grid table
{
	width: 946px;
}

#calendar-grid th
{
	background: #E37C1D url(/images/layout/calendar-grid-thead-bg.png) scroll no-repeat 50% top;
	color:  #fff;
	text-align: center;
	font: 1.5em bold 'Times New Roman','Times',serif;
}

#calendar-grid th.first
{
	background-position: left top;
}

#calendar-grid th.last
{
	background-position: right top;
}

#calendar-grid td,
#calendar-grid tr.odd td
{
	background-color: #fff;
	width:  134px;
	border-right:  1px #7B6159 dotted;
	vertical-align: top;
	padding:  0;
	height:  130px;
}

#calendar-grid td.last
{
	border-width: 0;
}

#calendar-grid .day-number
{
	background-color: #FFF1C4;
	padding:  6px;
	font-weight: bold;
	font-size: 1.1em;
	color:  #DE6A00;
}

#calendar-grid td.prev-month .day-number,
#calendar-grid td.next-month .day-number
{
	background-color: #FFF9E7;
}

#calendar-grid td dl
{
	margin: 6px;
}

#calendar-grid td dt, 
#calendar-grid td dd
{
	font-size: 1.2em;
	line-height: 1.2;
}

#calendar-grid td dt
{
	font-weight: bold;
	margin-bottom: .6em;
}

#calendar-grid td dt a
{
	color:  #DE6A00;
}

#calendar-grid td dd
{
	margin-top: -.6em;
	margin-bottom:  .6em;
}

#calendar-grid td dt.hidden,
#calendar-grid td dd.hidden,
#calendar-list tr.hidden {
	display: none;
}

/* @end */

/* @group calendar-details */

.calendar-detail h2
{
	margin-left:  12px;
	margin-right:  12px;
}

.calendar-detail #event-details
{
	border:  1px #421D11 dotted;
	border-width:  1px 0;
	margin: 0 12px;
}

.calendar-detail .event-detail-image
{
	margin:  1em;
}

.calendar-detail #event-description
{
	margin: 0 12px;
}

.calendar-detail #event-details p
{
	color: #421D11;
	font-size: 1.2em
}

.calendar-detail #event-description p
{
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 0;
	color: #421D11;
}

/* @end */

/* @group Promote to Generic? */
a:hover
{
	text-decoration: underline;
}

a.left-arrow {
	background: transparent url('/images/layout/arrow-blue-left.png') scroll no-repeat 50% left;
	padding-left:  8px;
}

a.dbl-left-arrow {
	background: transparent url('/images/layout/arrow-blue-left-dbl.png') scroll no-repeat 50% left;
	padding-left:  12px;
}

a.right-arrow {
	background: transparent url('/images/layout/arrow-blue-right.png') scroll no-repeat 50% right;
	padding-right:  8px;
}

a.dbl-right-arrow {
	background: transparent url('/images/layout/arrow-blue-right-dbl.png') scroll no-repeat 50% right;
	padding-right:  12px;
}

.cufon-canvas {
	overflow: hidden;
}

/* @end */