/***************************************************************
 *  Copyright notice
 *
 *  (c) 2010 Tobias Klepp <tobias.klepp@stimme-der-hoffnung.de>
 *  All rights reserved
 *
 *  This is copyrighted software. The use of this software
 *  requires the approbation of the licensor. The licensor is:
 *
 *  Adventist Media Service
 *  Stimme der Hoffnung e.V.
 *  Sandwiesenstrasse 35
 *  64665 Alsbach-Haehnlein
 *  Germany
 *  Email: info@stimme-der-hoffnung.de
 *  Web: www.stimme-der-hoffnung.de
 *
 *  Every copying and installing of this software without the
 *  approbation of the licensor is strictly forbidden. The
 *  approbation needs to be set up in written form. The liability
 *  for any error or damage is excluded. The competent court of
 *  jurisdiction for all disagreements is Darmstadt, Germany.
 *
 *  This copyright notice MUST APPEAR in all copies of the script!
 ***************************************************************/
/*
$Id: ams_calendar.css 857 2010-03-10 16:45:37Z tobias $
*/

/* teaser */
.tx-amscalendar-pi1 .events h2 {
	padding: 24px 30px 10px 30px;
}
.tx-amscalendar-pi1 .events h2 a {
	color: #1269DD; /* blue 08 */
}
.tx-amscalendar-pi1 .event-teaser .event-item {
	padding: 0px 0px 5px 0px;
}
.tx-amscalendar-pi1 .event-teaser .event-item.first-child .image,
.tx-amscalendar-pi1 .event-teaser .event-item.first-child .text {
	display: block !important;
}
.tx-amscalendar-pi1 .event-teaser .event-item .image {
	margin: 25px 0px 0px 0px;
}
.tx-amscalendar-pi1 .event-teaser .event-item.first-child .image {
	margin: 0px;
}
.tx-amscalendar-pi1 .event-teaser .event-item h3 {
	padding: 10px 30px 0px 30px;
}
.tx-amscalendar-pi1 .event-teaser .event-item h3 a span {
	color: #1269DD; /* blue 08 */
}
.tx-amscalendar-pi1 .event-teaser .event-item p {
	padding: 2px 30px 0px 30px;
}
.tx-amscalendar-pi1 .event-teaser .event-item p a {
	text-decoration: none;
	color: #2A2623; /* brown 12 */
}
.tx-amscalendar-pi1 .event-teaser .event-item p a:hover {
	text-decoration: none;
	color: #2A2623; /* brown 12 */
}

/* list */
.tx-amscalendar-pi1 form {
	padding: 0px;
}
.tx-amscalendar-pi1 .filter {
	padding: 0px 0px 0px 30px;
}
.tx-amscalendar-pi1 .filter .formcol {
	float: left;
	padding: 0px 5px 0px 0px;
	position: relative;
}
.tx-amscalendar-pi1 .filter .formcolspace {
	float: left;
	padding: 0px 15px 0px 0px;
	position: relative;
}
.tx-amscalendar-pi1 .filter .selection {
	height: 20px;
	background: #C4DAF7 url(dropdown.png) no-repeat right 0px; /* blue 02 */
	cursor: pointer;
}
.tx-amscalendar-pi1 .filter .selection.up {
	background: #C4DAF7 url(dropdown.png) no-repeat right -20px; /* blue 02 */
}
.tx-amscalendar-pi1 .filter .selection p {
	padding: 2px 5px 1px 5px;
}
.tx-amscalendar-pi1 .filter .category-selection {
	width: 150px;
}
.tx-amscalendar-pi1 .filter .region-selection {
	width: 227px;
}
.tx-amscalendar-pi1 .filter .organizer-selection {
	width: 197px;
}
.tx-amscalendar-pi1 .filter .dropdownbox {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
}
.tx-amscalendar-pi1 .filter .dropdownbox div {
	padding: 10px 10px 5px 10px;
}
.tx-amscalendar-pi1 .filter .dropdownbox p {
	padding: 0px 0px 5px 0px;
}
.tx-amscalendar-pi1 .filter .category-box {
	width: 200px;
}
.tx-amscalendar-pi1 .filter .region-box {
	width: 250px;
}
.tx-amscalendar-pi1 .filter .organizer-box {
	width: 197px;
}
.tx-amscalendar-pi1 .filter p.label {
	padding: 10px 7px 0px 0px;
	width: auto;
	float: none;
	text-align: left;
}
.tx-amscalendar-pi1 .filter .field {
	padding: 2px 0px 0px 0px;
	float: none;
}
.tx-amscalendar-pi1 .filter p.send {
	padding: 26px 0px 0px 0px;
}
.tx-amscalendar-pi1 .filter .begin,
.tx-amscalendar-pi1 .filter .end {
	width: 82px;
	margin: 0px 20px 0px 0px;
}
.tx-amscalendar-pi1 .filter .ui-datepicker-trigger {
	position: absolute;
	top: 2px;
	left: 86px;
	cursor: pointer;
}
.tx-amscalendar-pi1 p.links {
	padding: 10px 30px 10px 30px;
}
.tx-amscalendar-pi1 .list th,
.tx-amscalendar-pi1 .editing th {
	white-space: nowrap;
}
.tx-amscalendar-pi1 .list th a,
.tx-amscalendar-pi1 .editing th a {
	color: #2A2623; /* brown 12 */
	text-decoration: none;
}
.tx-amscalendar-pi1 .list th a:hover,
.tx-amscalendar-pi1 .editing th a:hover {
	color: #2A2623; /* brown 12 */
	text-decoration: underline;
}
.tx-amscalendar-pi1 .list .holiday {
	background-color: #D7D1CC; /* brown 02 */
}
.tx-amscalendar-pi1 .list .collision td a,
.tx-amscalendar-pi1 .legendCollision {
	color: #C6381A !important; /* red 08 */
}


/* editing */
.tx-amscalendar-pi1 .message {
	margin: 10px 30px 10px 30px;
}
.tx-amscalendar-pi1 p.left {
	float: left;
	padding: 10px 0px 10px 30px;
}
.tx-amscalendar-pi1 p.right {
	text-align: right;
	padding: 10px 30px 10px 30px;
}
.tx-amscalendar-pi1 .editing {
	width: 908px;
}
.tx-amscalendar-pi1 .editing .holiday {
	background-color: #D7D1CC; /* brown 02 */
}
.tx-amscalendar-pi1 .editing tr.hidden td {
	font-style: italic;
}
.tx-amscalendar-pi1 .editing .collision td a {
	color: #C6381A !important; /* red 08 */
}
.tx-amscalendar-pi1 .editing .title p,
.tx-amscalendar-pi1 .editing .location p {
	overflow: hidden;
	width: 100px;
}
.tx-amscalendar-pi1 .editing .title,
.tx-amscalendar-pi1 .editing .location {
	width: 100px;
}
/* editor */
.tx-amscalendar-pi1 .insertupdate .formcol {
	float: left;
	width: 477px;
}
.tx-amscalendar-pi1 .insertupdate input, textarea {
	width: 300px;
}
.tx-amscalendar-pi1 .insertupdate select {
	width: 304px;
}
.tx-amscalendar-pi1 .insertupdate .csc-mailform-submit {
	width: auto;
}
.tx-amscalendar-pi1 .insertupdate .csc-mailform-checkbox {
	padding: 5px 60px 0px 157px;
}
.tx-amscalendar-pi1 .insertupdate .withcal input {
	width: 280px;
}
.tx-amscalendar-pi1 .insertupdate .collision {
	padding: 0px 60px 7px 157px;
}
.tx-amscalendar-pi1 .insertupdate .collision label {
	color: #C6381A; /* red 08 */
}
.tx-amscalendar-pi1 .insertupdate p.label {
	width: 120px;
}
.tx-amscalendar-pi1 .insertupdate p.send {
	float: left;
	padding: 5px 0px 0px 0px;
}
.tx-amscalendar-pi1 .insertupdate .searchlocation {
	width: 155px;
	margin: 0px 5px 0px 0px;
}
.tx-amscalendar-pi1 .insertupdate .ui-datepicker-trigger {
	position: absolute;
	top: 7px;
	left: 284px;
}
.tx-amscalendar-pi1 .insertupdate .locationbox {
	height: 64px;
	overflow: auto;
	margin: 2px 0px 0px 157px;
	width: 304px;
}
.tx-amscalendar-pi1 .insertupdate .locations .item {
	width: 242px;
	height: 20px;
	background-color: #C4DAF7; /* blue 02 */
	margin: 0px 0px 2px 0px;
	float: left;
	overflow: hidden;
}
.tx-amscalendar-pi1 .insertupdate .locations .item p {
	padding: 2px 5px 1px 5px;
}
.tx-amscalendar-pi1 .insertupdate .locations .nodata {
	padding: 5px 0px 0px 0px;
}
.tx-amscalendar-pi1 .insertupdate .locations .actions {
	float: left;
	width: 46px;
	margin: 0px 0px 2px 0px;
	background-color: #C4DAF7; /* blue 02 */
}
.tx-amscalendar-pi1 .insertupdate .location legend {
	font-size: 1.25em;
	font-weight: bold;
	color: #1269DD; /* blue 08 */
	padding: 15px 30px 0px 30px;
	line-height: 1.4em;
}
.tx-amscalendar-pi1 .insertupdate p.send2 {
	padding: 15px 30px 0px 157px;
}
.tx-amscalendar-pi1 .insertupdate p.error {
	padding: 3px 15px 7px 157px;
}
.tx-amscalendar-pi1 .insertupdate .uploadcancel {
	padding: 3px 5px 0 157px;
	float: left;
	display: none;
}
.tx-amscalendar-pi1 .insertupdate .uploadbar {
	margin: 5px 0 0 0;
	background-color: #C4DAF7; /* blue 02 */
	width: 214px;
	height: 19px;
	float: left;
	display: none;
}
.tx-amscalendar-pi1 .insertupdate .uploadbar .uploadact {
	background-color: #1269DD; /* blue 08 */
	width: 10%;
	height: 19px;
}
.tx-amscalendar-pi1 .insertupdate .uploadinfo {
	margin: 0;
	padding: 3px 0 0 157px !important;
	display: none;
}
.tx-amscalendar-pi1 .insertupdate .moreDownloads {
	padding: 3px 0 0 157px !important;
}

/* detail */
.tx-amscalendar-pi1 .detail p.links {
	padding: 30px 60px 0px 30px;
}

/* datepicker */
.ui-datepicker {
	width: 245px;
	background-color: #696057; /* brown 09 */
	padding: 10px 5px 5px 10px;
	margin: 2px 0px 0px 0px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	text-align: center;
	margin: 0px 5px 10px 0px;
}
.ui-datepicker select {
	width: 55px;
	background-color: #D7D2CD; /* brown 02 */
}
.ui-datepicker .ui-datepicker-month {
	margin: 0px 5px 0px 0px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
	background: url(arrows.png) no-repeat 0px 0px;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
}
.ui-datepicker .ui-icon-circle-triangle-e {
	background: url(arrows.png) no-repeat -20px 0px;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}
.ui-datepicker table {
	width: auto;
	margin: 0px;
}
.ui-datepicker th {
	background-color: #696057; /* brown 09 */
	color: #FFFFFF; /* white */
	padding: 0px 5px 5px 0px;
}
.ui-datepicker th span {
	padding: 5px 0px;
	display: block;
	text-align: center;
}
.ui-datepicker td {
	padding: 0px 5px 5px 0px;
}
.ui-datepicker .ui-state-default {
	display: block;
	background-color: #D7D2CD; /* brown 02 */
	text-align: center;
	text-decoration: none;
	color: #2A2623; /* brown 12 */
	width: 30px;
	padding: 5px 0px;
}
.ui-datepicker .ui-state-highlight {
	background-color: #C4DAF7; /* blue 02 */
}
.ui-datepicker .ui-state-hover {
	background-color: #FFFFFF; /* white */
}
.ui-datepicker .ui-state-active {
	background-color: #1269DD; /* blue 08 */
	font-weight: bold;
	color: #FFFFFF; /* white */
}