/*
 *************************************
 * misc styling
 *************************************
*/
.clickable {
  cursor: pointer;
}

td
{
	vertical-align: top;
}

.o-shadow {

  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.o-shadow2 {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.i-shadow {
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  width: 100%;
}


.i-shadow .p-shadow2 {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

/* 
*************************************
* Global styles for richtext content area
*************************************
*/
						
#content
	p
	{
		margin: 0;
		padding: 5px 0 5px 0;
	}
	
#content
	ul
	{
		margin-top: 3px;
	}

#content
	.Brick
	{
		margin: 0;
		padding: 0 0 10px 0;
	}
	
#content
	.Brick
		.Title
		{
			padding: 0 0 2px 0;
		}
		
#content
	.Brick
		img.FromImageLibrary
		{
			padding: 5px 5px;
			margin: 0;
			border: 0;
		}
		
#content
	.Property
		.Name
		{
			display: block;
			font-size: 11px;
		}
		
#content
	.Property
		input.SingleLineText
		{
			width: 400px;
		}

#content
	.Property
		textarea
		{
			width: 400px;
			height: 300px;
		}
		
/*
 *************************************
 * content-query common 
 *************************************
*/	
.content-query
	.head
	{
		/*text-align: center;*/
		margin: 0;
		padding: 0;
		border: 3px solid #0173BC;
	}
	
.content-query .head .viewnav {
  float: right;
  width: 300px;
  margin-right: 15px;
  margin-top: 5px;
}

.content-query .head .viewnav .viewitem {
  display: block;
	float: right;
	background-color: #E8EEF7;
	border-top: solid 1px #C3D9FF;
	border-left: solid 1px #C3D9FF;
	border-right: solid 1px #C3D9FF;
	padding: 3px;
	margin-left: 5px;
}

.content-query .head .viewnav .current {
	background-color: #0173BC;
	border-top: solid 1px #0173BC;
	border-left: solid 1px #0173BC;
	border-right: solid 1px #0173BC;
}

.content-query .head .viewnav .current,
.content-query .head .viewnav .current a,
.content-query .head .viewnav .current a:visited {
	color: #ffffff;
	font-weight: bold;
}

.calendar .mode a, .calendar .mode a:active, .calendar .mode a:visited {
	padding: 3px 4px;
	color:#000;
	margin-right: 5px;
	text-decoration:none;
	outline:none;
	
}

	
.content-query form a {
	font-weight: bold;
	color:#0173BC;
}

.content-query .cell p {
	margin: 0;
}

/*
 *************************************
 * Common to all extensions
 *************************************
*/
div.extension-content {
	padding: 10px;
}

div.extension-content	a	{
		font-weight: bold;
}

.info-popup {
  margin-top: 4px;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
}

.info-popup .i-shadow {
	background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
	width: 100%;
}

.info-popup .i-shadow2 {
	padding: 5px;
  font-size:.9em;
	background-color: #dbd1c2; 
	border: 1px solid #999;
	margin: -6px 6px 6px -6px !important;
  margin: 0;
	zoom: 1;
}

.info-popup {
	color: #666;
}


/*
 *************************************
 * Misc
 *************************************
*/
ul.navigation,
div.image-list,
div.image-details
	{
		padding: 0 10px;
	}
div.confirm-delete
{
	margin: 30px 0 30px 0;
}

.has-opener {
  padding: 3px;
  zoom: 1;
}
.has-opener a {
  padding-right: 18px;
  background: url(../images/icons/open-arrow.gif) no-repeat center right;
}
/*
.has-opener {
  padding: 3px 15px 3px 3px;
  background: url(../images/icons/open-arrow.gif) no-repeat center right;
  zoom: 1;
}
*/

.has-opener.on {
  padding: 2px;
  border: solid 1px #000;
}

/* 
* Fixes issue where some inputs lose the text cursor in the sheet (firefox <3.0)
* Supposed to be fixed in firefox 3
*/
#sheet-ui .slot {
	overflow: auto;
}

/*
 *************************************
 * Calendar 2.1
 *************************************
 */
.calendar
{
	width: 100%; /*96%;*/
}

.calendar .head {
  /*padding: 10px 10px 0 10px;*/
}
.calendar .head .on a:hover {
  text-decoration: none;
}

.calendar .head .tools {
  padding: 10px;
}

.calendar .head .mode {
  margin-top: 10px;
}

.calendar .head .navigation {
  margin-top: 10px;
}

.calendar .navigation .range a {
  padding: 0 18px 0 0;
  background: url(../images/icons/open-arrow.gif) no-repeat center right;
  zoom: 1;
}

.calendar .head .tools .filter .info-popup {
	text-align: left;
}

.calendar .head .tools .filter .info-popup .title {
	text-align: center;
	border-bottom: 1px solid #999;
}

.calendar .head .tools .filter .info-popup .i-shadow2 {
	background-color: #E9E8EA; 
}

#l-content .filter .info-popup ul,
.calendar .head .tools .filter .info-popup ul {
  list-style: disc;
  margin-left: 11px;
}

.calendar .head .tools .filter.on {
  border: solid 1px #000;
}

.calendar .navigation {
  text-align: left;
  float: left;
  /*width: 250px;*/
  overflow: visible;
  white-space: nowrap;
}

.calendar .navigation .previous {
  padding: 3px 31px 0 0;
  background: url(../images/icons/calendar-prev.gif) no-repeat 0 0;
  zoom: 1;
}

.calendar .navigation .next {
  padding: 3px 31px 0 0;
  background: url(../images/icons/calendar-next.gif) no-repeat 0 0;
  zoom: 1;
}

.calendar .navigation .range {
  margin-left: 5px;
  padding: 3px;
  zoom: 1;
}

.calendar .navigation .range.on {
  border: solid 1px #000;
  padding: 2px;
}

.calendar .navigation .range a {
  padding: 0 18px 0 0;
  background: url(../images/icons/open-arrow.gif) no-repeat center right;
  zoom: 1;
}

.calendar .mode {
  text-align: left;
  float: right;
  padding-right: 5px;
}
.calendar .mode .phrase {
  display: block;
	float: left;
}

.calendar .mode .view-list-grid {
	margin-right: 10px;
}

.calendar .mode .view-span {
	background-color: #E8EEF7;
	border-top: solid 1px #C3D9FF;
	border-left: solid 1px #C3D9FF;
	border-right: solid 1px #C3D9FF;
	padding: 3px;
	margin-left: 5px;
}

.calendar .mode .current {
	background-color: #0173BC;
	border-top: solid 1px #0173BC;
	border-left: solid 1px #0173BC;
	border-right: solid 1px #0173BC;
}

.calendar .mode .current a.link,
.calendar .mode .current a.link:visited {
	color: #ffffff;
}

.calendar .mode a, .calendar .mode a:active, .calendar .mode a:visited {
	padding: 3px 4px;
	color:#000;
	margin-right: 5px;
	text-decoration:none;
	outline:none;
	
}

.calendar .mode a.list-or-grid {
  margin-left: 5px;
  padding: 0 15px 0 0;
  background: url(../images/icons/open-button-small.gif) no-repeat bottom left;
  zoom: 1;
}

.calendar
	table.calendar-grid
	{
		width: 100%;
		padding: 0;
		margin: 0;
		border-collapse: collapse;
	}
.calendar
	table.calendar-grid
		th
		{
			text-transform: uppercase;
			letter-spacing: -1px;
			text-align: center;
			vertical-align: middle;
			font-weight: normal;
			width: 12%;
			height: 1.5em;
			background-color:#0173BC;
			color:#FFFFFF;
			letter-spacing:1px;
		}
.calendar
	table.calendar-grid
		th.week-count
		{
			background: none;
			width: 3%;
		}
.calendar
	table.calendar-grid
		a
		{
			text-decoration: none;
		}
.calendar
	table.calendar-grid
		td
		{
			width: 13%;
			border-bottom: 1px solid #0173BC;
			border-left: 1px solid #0173BC;
			border-right: 1px solid #0173BC;
		}
.calendar
	table.calendar-grid
		td.week-count
		{
			writing-mode: tb-rl;
			filter:	flipH() flipV();
			text-transform: uppercase;
			letter-spacing: 1px;
			text-align: center;
			vertical-align: middle;
			border-left: none;
			width: 1em;
			padding: 0 2px 0 2px;
		}
.calendar
	table.calendar-grid
		.day
		{
			font-size: .9em;
			font-weight: bold;
		}
.calendar
	table.calendar-grid
		.cell
		{
			height: 100px;
			padding: 0 2px 2px 2px;
		}

.calendar
	table.calendar-grid
		td > .cell
		{
			height: auto;
			min-height: 100px;
		}
		
.calendar
	table.calendar-grid
		td.today
		{
			background-color: #beced0;
		}
		
.calendar
	table.calendar-grid
		td .day span
		{
		  padding: 0 2px 2px 0;
		  cursor: pointer;
		}
		
.calendar
	table.calendar-grid
		td .day span.on
		{
		  background-color: #000000;
		  color: #ffffff;
		}
		
.calendar
	table.calendar-grid
		td.current .day span
		{
		  
			border-right: solid 1px red;
			border-bottom: solid 1px red;
		}
		
.calendar
	table.calendar-grid
		td.out-range
		{
			opacity: 0.4;
			filter: alpha(opacity=40);
			background-color: #999;
		}
.calendar
	table.calendar-grid
		.cell
			.e-item
			{
				margin-bottom: 2px;
				font-size: .8em;
			}
.calendar
	table.calendar-grid
		.cell
			.e-multiple
			{
				border: solid 1px #999999;
			}

.calendar 
	.info-popup
	{ 
			width:250px; 
			position:absolute;
	}	

.calendar
	table.calendar-grid
		.day
			a.url,
.calendar
	table.calendar-grid
		.day
			a.url:visited
			{
				font-weight: bold;
			}

.calendar table.list-grid  {
	border-collapse: collapse;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #0173BC;
}
	
.calendar .list-grid td {
	padding: 0;
	border-bottom: solid 1px #999;
}

.calendar .list-grid .cell {
	padding: 3px;
}

	
.calendar .list-grid td.title {
	width: 150px;
}
	
.calendar .list-grid td.start-date {
	width: 175px;
}

.calendar .list-grid td.end-date {
	width: 175px;
}
	
.calendar .list-grid td.description {
	width: 350px;
}

.event .abstract {
	padding-top: 15px;
	padding-bottom: 10px;
}

.event .range .date-formatted {
	font-weight: bold;
}

.event .abstract-shadow {
	width: 375px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	font: font: italic 1em georgia, serif;
	color: #444;
	border: solid 1px red;
}

.event .abstract-shadow .abstract {
	padding: 5px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  font-size:.9em; 
	background-color: #dbd1c2; 
	border:1px solid #999; 
	zoom: 1;
}
/*
 *************************************
 * Publication 2.1
 *************************************
*/

.publication .head {
  border: none;
}

.article {
	/*width: 96%;*/
}

.article .field .label {
	display: none;
}

.article .f-abstract-shadow {
	width: 375px;
	float: right;
	margin-left: 10px;
}

.article .f-abstract-shadow .f-abstract {
	padding: 5px;
	font: italic 1em georgia, serif;
	color: #444;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
	background-color: #dbd1c2; 
	border:1px solid #999; 
	zoom: 1;
}

.article .f-releasedate,
.publication .f-releasedate {
	font-size: .8em;
	margin-bottom: 8px;
}

.article .f-releasedate .label,
.publication .f-releasedate .label {
	display: inline;
}


/*
 *************************************
 * Search Picker
 *************************************
*/
.search-picker {
}

.search-picker .searchResults .list-grid {
	width: 100%;
}

/*
 *************************************
 * Category Selector
 *************************************
 */
div.category-selector
{
	margin: 5px 10px 0 10px;
	padding: 5px 10px 10px 10px;
}
div.event-range-selector
{
	margin: 0 10px 0 10px;
	padding: 5px 10px 10px 10px;
}
		
/*
================================================================================
* Spinner
================================================================================
*/
div.e-loading
{
	background:#fff url(../images/processing.gif) no-repeat scroll center 25%;
	opacity: .85;
	filter: alpha(opacity=85);
	min-height: 25px;
	min-width: 25px;
	width: 98%;
	padding: 40px 5px 5px 5px;
	text-align: center;
	font-weight: bold;
	font-size: .8em;
	border: solid 1px #ccc;
}

div.e-loading
	div
	{
		min-width: 100px;
		width: 50%;
		margin: 0 auto;
		text-align: center;
		padding: 10px 0 0 0;
	}
#spinnerIndicator
{
	background:#fff url(../images/processing.gif) no-repeat scroll center 10px;
	opacity: .85;
	filter: alpha(opacity=85);
	min-height: 25px;
	min-width: 25px;
	padding: 45px 5px 5px 5px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	font-size: .8em;
	border: solid 1px #ccc;
	position: absolute;
}

#spinnerIndicator
	div
	{
		min-width: 100px;
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}