/* =====================================================
// 	filename:	my_sapodo.css
//	author: 	sven helemann
//	created:	2007-10-03
// -----------------------------------------------------
//	special css file for mysapodo-box and pages
// -----------------------------------------------------
//	changelog:
// ================================================== */


/* sapodo rot = #e4392e */



/* =====================================================
// 	eine Übersichtsbox
// ==================================================*/
.mySapodoBox_small {
	width:300px;
	padding:0;
	margin:0;
}

.mySapodoBox {
	width:347px;
	padding:0;
	margin:0;
}

.mySapodoBox ul.list {
	padding:12px;
	margin:0;
}
.mySapodoBox ul.list li {
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #f3f3f3;
}
.mySapodoBox ul.list li.readmore {
	text-align:right;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.mySapodoBox ul.list li.upcomingEvent {
	padding:3px;
	background-color:#f0c3aa;
}
.mySapodoBox ul.list li.myEvent {
	padding:3px;
	background-color:#eaf1df;
}

.mySapodoBox ul.list li .user {
	font-weight:bold;
}
.mySapodoBox ul.list li .headline {
	font-weight:bold;
}

.mySapodoBox ul.list li ul.dates {
	list-style-type:none;
	padding-left:24px;
}
.mySapodoBox ul.list li ul.dates li {
	margin:0;
	padding:0;
	border-bottom:0;
}


/* =====================================================
// 	die Boxheader
// ================================================== */
h3.date{
	background-image: url(../images/icons/icon_termine.gif);
	background-repeat: no-repeat;
	background-position: 285px 1px;
}
h3.favoriten{
	background-image: url(../images/icons/icon_favoriten.gif);
	background-repeat: no-repeat;
	background-position: 285px -1px;
}
h3.nachrichten{
	background-image: url(../images/icons/icon_nachrichten.gif);
	background-repeat: no-repeat;
	background-position: 270px 4px;
}
h3.bewegungen{
	background-image: url(../images/icons/icon_bewegungen.gif);
	background-repeat: no-repeat;
	background-position: 275px 1px;
}
h3.postings{
	background-image: url(../images/icons/icon_postings.gif);
	background-repeat: no-repeat;
	background-position: 290px 1px;
}
h3.zahlungen{
	background-image: url(../images/icons/icon_zahlungen.gif);
	background-repeat: no-repeat;
	background-position: 270px 1px;
}

h3.date_long{
	background-image: url(../images/icons/icon_termine.gif);
	background-repeat: no-repeat;
	background-position: 650px 1px;
}

/* unteren Rahmen der rechten Spalte weg */
#right{border: none;}


/****************** große Header mit Icons *************/
h3.profil{
	background-image: url(../images/icons/icon_profil.gif);
	background-repeat: no-repeat;
	background-position: 660px 1px;
}
h3.offer{
	background-image: url(../images/icons/icon_postings.gif);
	background-repeat: no-repeat;
	background-position: 660px 1px;
}
h3.request{
	background-image: url(../images/icons/icon_postings.gif);
	background-repeat: no-repeat;
	background-position: 660px 1px;
}
h3.deadline{
	background-image: url(../images/icons/icon_termine.gif);
	background-repeat: no-repeat;
	background-position: 660px 1px;
}
h3.payment{
	background-image: url(../images/icons/icon_zahlungen.gif);
	background-repeat: no-repeat;
	background-position: 633px 2px;
}
h3.messages{
	background-image: url(../images/icons/icon_nachrichten.gif);
	background-repeat: no-repeat;
	background-position: 640px 4px;
}
h3.ratings{
	background-image: url(../images/icons/icon_bewegungen.gif);
	background-repeat: no-repeat;
	background-position: 630px 1px;
}
h3.favorites{
	background-image: url(../images/icons/icon_favoriten.gif);
	background-repeat: no-repeat;
	background-position: 640px 2px;
}

/* =====================================================
// 	mysapodo - content styles
// ================================================== */
table.languages {
	margin:0;
	padding:0;
	border:0;
	border-spacing:0;
}
table.languages tr {
	margin:0;
	padding:0;
	border:0;
}
table.languages td {
	vertical-align:top;
	margin:0;
	padding:0 12px 12px 0;
}
table.languages td.language {
	font-weight:bold;
}
table.languages td.skills {}


table.languages td.language select,
table.languages td.language input {
	font-weight:normal;
}

/* =====================================================
// 	Formular um neues Gesuch zu erstellen
// ==================================================*/
.request_create,
.request_edit{
	padding:24px 12px 12px 12px;
}
.request_create select,
.request_edit select{
	width:200px;
}
.request_create table td,
.request_edit table td{
	padding:0 0 24px 0;
}
.request_create table td.paddingBottom_none,
.request_edit table td.paddingBottom_none{
	padding:0;
}
.request_create .field_width,
.request_edit .field_width{
	padding:1px 0;
	width:450px;
}
.request_create .radio,
.request_edit .radio{
	width:auto;
	margin-right:6px;
}
.request_create select.date,
.request_edit select.date{
	width:auto;
	margin-right:3px;
}
html:first-child>*:first-child+body select.date{
	padding-right:5px;
}
.request_create .select_date,
.request_edit .select_date{
	margin:6px 0 6px 24px;
}

/* =====================================================
// Spalten im mySapodo Content
// ==================================================*/
.mySapodo_left {
	margin:0;
	padding:0;
	width:112px; /* image size +12px */
}
.mySapodo_right {
	margin:0;
	padding:0;
	/*width:567px;*/
}
/* float right */
.mySapodo_right2 {
	margin:0;
	padding:0;
}
.mySapodo_right_smaller {
	margin:0;
	padding:0;
	width:350px;
	float:left;
}

/* user details */
.mySapodo_right ul.userStatus,
.mySapodo_right_smaller ul.userStatus {
	list-style-type:none;
	margin:6px 0 0 0;
	padding:0;
	padding-bottom:22px;
}
.mySapodo_right ul.userStatus li,
.mySapodo_right_smaller ul.userStatus li {
	float:left;
	margin:0;
	padding:0 12px 0 0;
	border:none;
}

.mySapodo_right_smaller ul.userStatus li .stars {
/*	position: relative;*/
}

/* =====================================================
// für die Darstellung der Gesuche / Angebote
// ==================================================*/
/* teaser text */
.mySapodo_right_smaller .teaserText {
	position:relative;
}
.mySapodo_right_smaller .teaserText .headline {
	padding-right:58px;
}
.mySapodo_right_smaller .teaserText .stars {
	position:absolute;
	top:2px;
	right:0;
}
.mySapodo_right_smaller .teaserText .appointment_stars .stars {
	position:absolute;
	top:2px;
	right:0;
}

.mySapodo_right_smaller .teaserText .stars span {
	margin-right:0px;
	margin-left:2px;
}

.mySapodo_right_smaller .teaserText .postingType {
	font-size:10px;
	color:#e4392e;
	text-transform:uppercase;
}

.mySapodo_right_smaller .teaserText .postingType_Deactivated {
	font-size:10px;
	color:#b5b5b5;
	text-transform:uppercase;
}

.categoryPath {
	font-size:11px;
	margin-bottom:3px;
}
.categoryPath .best {
	font-weight:bold;
}
.mySapodo_right_smaller .headline {
	display:block;
	font-weight:bold;
	color:#000000;
}
.mySapodo_right_smaller .headline_deact {
	display:block;
	font-weight:bold;
	color:#b5b5b5;
}

.mySapodo_right_smaller .description {
	font-size:11px;
	display:block;
	margin-top:3px;
	margin-bottom:6px;
}
.mySapodo_right_smaller .description_big {
	margin-bottom:3px;
}
.mySapodo_right_smaller .offer_number,
.mySapodo_right_smaller .languages,
.mySapodo_right_smaller .valid_to,
.mySapodo_right_smaller .status,
.mySapodo_right_smaller .price{
	font-size:11px;
	margin-bottom:3px;
}
.mySapodo_right_smaller .links {
	margin-top:9px;
	font-size:11px;
}
.mySapodo_right_smaller .dates_headline{
	font-size:11px;
	font-weight:bold;
}
.mySapodo_right_smaller .dates_headline_deact{
	color:#b5b5b5;
	font-size:11px;
}
.mySapodo_right_smaller .dates_data,
.mySapodo_right .dates_data{
	font-size:11px;
	margin-left:24px;
	margin-bottom:3px;
}
.mySapodo_right_smaller .participant_data{
	margin-left:24px;
	margin-bottom:3px;
	margin-top:3px;
}
.mySapodo_right_smaller .dates_data p{line-height:14px;}
.mySapodo_right_smaller .lapsed {
	font-size:11px;
	color:black;
}

/* =====================================================
// 	Liste für Funktionalitäten, wie z.B. ändern,
	Löschen und Aktivieren
// ==================================================*/
.mySapodo_right_options {
	padding:0;
	margin:0;
	float:right;
}
.mySapodo_right_options ul li {
	border:none;
	margin-bottom:1px;
}

.mySapodo_right_options ul li.last {
	margin-bottom:0;
	padding-bottom:0;
}

/* =====================================================
// 	Liste für Funktionalitäten, wie z.B. ändern,
	Löschen und Aktivieren
// ==================================================*/
ul.offerStatus {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.offerStatus li {
	float:left;
	margin:0;
	padding:0 6px 0 0;
	line-height:14px;
	border:none;
}
ul.offerStatus li div.stars span {
	margin-top:1px;
}

/* =====================================================
// 	der Bereich, wo eine nachricht angeziegt wird
// ==================================================*/
.message{
	margin-top:12px;
	background-color:#e7f0f8;
	padding:12px;
}
.message div.subject{margin-bottom:12px;}
.message div.suggestions{margin-top:12px;}
.message div.suggestions div{margin-left:24px;}


/* =====================================================
// 	Styles für Anzeigendetails
// ==================================================*/
table.postingDetails,
table.appointmentDetails
{
	padding:0;
	margin:0;
}
table.postingDetails td,
table.appointmentDetails td{
	/*vertical-align:middle;*/
	padding-bottom:0px;
	padding-top:0px;
}
table.appointmentDetails td.verticalTop{
	vertical-align:top;
}
table.postingDetails td,
table.appointmentDetails td{
	font-size:11px;
}
table.postingDetails tr.gap td,
table.appointmentDetails tr.gap td{
	height:6px;
}
table.postingDetails td.label,
table.appointmentDetails td.label{
	padding-right:6px;
	width:120px;
}
table.postingDetails td span.postingType,
table.appointmentDetails td span.postingType{
	font-size:11px;
	color:#e4392e;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:3px;
}
table.postingDetails td span.headline,
table.appointmentDetails td span.headline,
table.postingDetails td p.headline,
table.appointmentDetails td p.headline{
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
}
table.appointmentDetails td p.appointmentType{
	font-weight:bold;
	font-size:11px;
	padding-bottom:3px;
	text-transform:uppercase;
}

table.appointmentDetails td table.fileDetails{
	padding:0;
	margin:0;
	width:545px;
	border-top:1px solid #f3f3f3;
}
table.appointmentDetails td table.fileDetails td{
	padding: 10px 12px 3px 0px;
	text-align:left;
	border-bottom:1px solid #f3f3f3;
}
table.appointmentDetails td table.fileDetails td.buttons{
	padding: 6px 0px 0px 0px;
}