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

   sites.css

   Elemente auf speziellen Seiten

   @todo: einige Altlasten, z.B. spezielle Tabellen, etc -> irgendwann mal entfernen...

   WICHTIG: Immer Seite als Kommentar dazuschreiben

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

/* -- config_photos/add_gallery (modal dialog) -- */
div.large-form-input {
	padding: 20px 0px;
}
div.large-form-input label {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 30px;
	color: #555;
}
div.large-form-input input {
	font-size: 1.3em;
	height: 30px;
}
div.nicebox {
	background-color: #fdfdfd;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}

/* -- Dashboard (config_overview/index) -- */
.newsfeed .headline { margin-top:15px; font-weight:bold; }
.newsfeed .news { background:url("../img/icons16/new.png") 0 50% no-repeat; padding-left:25px; }
.newsfeed .order { background:url("../img/icons16/package_add.png") 0 50% no-repeat; padding-left:25px; }
.newsfeed .payment { background:url("../img/icons16/money_add.png") 0 50% no-repeat; padding-left:25px; }
.newsfeed .invoice { background:url("../img/icons16/page_white_put.png") 0 50% no-repeat; padding-left:25px; }

/* Übersicht Fotoalben */
.table-gallery-overview table tr td.gallery-overview-title-photo { height: 75px; width: 75px; padding:5px; }
td.gallery-overview-title-photo a {display: block; height: 75px; width: 75px;}

/* Upgrade (mehrere Schritte) */
.pricing-box-link a.button-blue { display:inline; padding: 10px; float: none;}
table.choosen-package td {padding: 3px 15px 3px 0;}

/* Übersicht Seiten */
#sitemap { display:block; list-style:none; margin:0; padding: 0; border: 1px solid #ddd; }
#sitemap ul { list-style-type:none;  margin-left:40px}
#sitemap li { clear:both; display:block; width:100%; }
#sitemap > li { border-top: 1px solid #ddd; margin-bottom: 8px; }
#sitemap > li:first-child {border-top: none; }
#sitemap div.item {padding: 5px 20px 5px 10px; background: #fff;}
#sitemap div.item:hover { background: #f4f4f4 !important; }
#sitemap .dropzone { height: 7px; border: 1px dashed #fff; }
#sitemap .sm2_title {float:left; font-size:1.1em; font-weight:bold; line-height:1em; margin-left:16px; padding:0 0 0 1px;}
#sitemap .sm2_liClosed ul {display:none;}
#sitemap .sm2_hidden > div.item{ }
#sitemap .item .btn-group .dropzone { display: none; }
#sitemap p { font-size: 1.2em; margin-top: 7px; }

/* Paketauswahl (/config/upgrade) -> Hinweis: Hauptteil in desing.css da die Darstellung auf Landingpage und in der Administration verwendet wird */
#upgrade { margin: 20px -10px; }
#upgrade .package-wrapper.package-wrapper-old { float: left;  width: 300px; margin: 0 10px; }
#upgrade .package-info {text-align: center; margin-bottom: 10px; font-weight: bold;}
#upgrade .package { position: relative; float: left; padding: 20px;border: 1px solid #C0C0C0; font-size: 12px;}
#upgrade .package .name { font-weight: bold; font-size: 2em; margin-bottom: 20px; line-height: 1.5; }
#upgrade .package .package-highlight { color: #fff; position: absolute; padding: 5px 0 0 20px; width: 108px; height: 29px; top: 24px; right: -8px; background: url('/profi/img/package_highlight.png')}
#upgrade .package .price { line-height: 1; }
#upgrade .package .price .currency { font-weight: 300; font-size: 18px; padding-top: 7px; float: left; }
#upgrade .package .price .amount { font-weight: 200; font-size: 55px; float: left; padding: 0 8px; }
#upgrade .package .price .period { font-weight: 300; font-size: 18px; padding-top: 38px; float: left; }
#upgrade .package .description { margin: 30px 0 10px 0;}
#upgrade .package .feature { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; margin: 0; padding: 7px 0; }
#upgrade .package.active .feature { border-top: 1px solid #fff; border-bottom: none;}
#upgrade .package .feature.first { border-top: none; }
#upgrade .package .feature.last { border-bottom: none; }
#upgrade .package.active {color: #fff;}
#upgrade .pricing-box-link { text-align: center; margin-top: 20px; }

/* (stornierte Zeilen rot färben) */
.order-index-storniert td {background-color: #DB8C8C;}

/*Umsatzstatistik*/
.statistics #stats-placeholder {margin: auto; margin-top: 30px; width: 700px; height: 300px;}
.statistics .stats-head { height: 30px; width: 100%;  clear:both; margin-top:20px}
.statistics .stats-gallery-title {font-size:1.1em; font-weight: bold; height: 50px; width: 300px;  float:left}
.statistics .galleryselector-name, .statistics .galleryselector-input {height: 30px; width: 300px}
.statistics .stats-gallery-title img {vertical-align: middle; margin-right: 10px; }
.statistics .stats-gallery-title select { margin-top: 5px; }
.statistics .stats-time-selector { float:right}
.statistics .deleted {display:none; background-color: #DDDDDD;}

/* Blog */
#insert-gallery-options { float: right; padding: 5px 20px 0 0; }
#insert-gallery-options a { padding-left: 20px; }
#gallery-options { padding-top: 20px; display: none; }

#insert-photo-options { float: right; padding: 20px 20px 0 0; }
#insert-photo-options a { padding-left: 20px; }
#photo-options { padding-top: 20px; display: none; }

#overlay-flash-message { float: right;  margin: 10px 10px 0 0; padding: 5px; display:none; }
.tick { background: url("../img/icons16/tick.png") no-repeat left center; padding-left: 28px; }

/* review-order */
table.review-order .well { height: 100px; text-align: center; }
table.review-order input.url-info { width: 91% }

/* Logo Formular (wird an mehreren Stellen verwendet) */
form .show-logo { margin:20px 0; width:680px; max-height: 400px; overflow: auto}

/* Foto oder Galerie wählen im Overlay */
#view-gallery-overlay {float:right; overflow:auto; width:500px; height:500px; margin-left:20px;}
#list-gallery-overlay {height:500px; overflow:auto;}
.addphoto-item {float:left; position:relative; margin-right:5px; margin-bottom:2px; }
.addphoto {position:absolute; top:0px; left:0px; width:75px; height:75px; background:url(../img/icons32/link_go.png) center no-repeat; opacity:0;}

/* Seiten verwalten */
span.grip { cursor: move; display: inline-block; float: left; height: 27px; padding: 5px 0 0 10px; }

/* ++++++++++++++++++ */
/* Aktionsangebot     */
/* +++++++++++++++++  */
.offer-image {background:url('../img/landingpage/upgrade_offer.png') no-repeat; width:410px; height:556px; float:right; margin-left:50px;}
.offer-highlight {width:339px; height:43px; background:url('../img/landingpage/offer_highlight.png') no-repeat; margin:40px 50px;}

/* Kundenverwaltung */
img.customer-index-photo {float:left; margin-right:15px; width:115px;}
td img.customer-index-photo {float:left; margin-right:0px; width:40px;}

/* Preisprofile neu */
.galleries-box h3 {padding-top:0px;}
.price-formula {margin:10px; position:relative;}
.price-formula a.toogle-prices-formula {position:absolute; left:180px; top:-44px; padding-bottom:5px; padding-top:10px;}
.folder-category { position: relative; background: #FFFFFF; border:1px solid #CCCCCC; margin: 15px 0;}
.folder-category .layer-category-name { font-weight:bold; }
.layer-category-name {font-weight:bold;}
input.small-input { width: 50px; margin-right: 3px; border:1px solid #CCC; float:left; height: 14px; font-size: 0.8em; margin-bottom: 0; font-weight:bold; text-align:right;}

table.folder-category-table {margin-bottom:15px;}
table.folder-category-table thead span { white-space: nowrap; }
table.folder-category-table-overlay {margin-left:0px;}
table.folder-category-table tr:hover, table.folder-category-table tr.selected:hover { background: #f3f3f3; }
/*table.folder-category-table tr:hover .product-info {background:url('../img/icons16/information.png') right no-repeat;}*/
table.folder-category-table tr:hover .product-delete {background:url('../img/icons16/delete.png') right no-repeat;}
table.folder-category-table td {vertical-align:top; padding-top:5px; padding-bottom:0px; padding-left:10px;}
table.folder-category-table tbody td {border-bottom:1px solid #efefef;}
table.folder-category-table.folder-category-table-thead td {border-bottom:1px solid #a1a1a1;}
table.folder-category-table td.table-cell-name label { padding-left: 15px; }
table.folder-category-table td.table-cell-name .product-delete {height: 16px; width: 16px; margin-left: 5px; display:block; float: left; }
table.folder-category-table td.table-cell-name:hover .product-info:hover { background-color: #ccc; }
table.folder-category-table td.table-cell-name:hover .product-delete:hover { background-color: #ccc; }
table.folder-category-table td.table-cell-name-middle {width:453px;}
table.folder-category-table td.table-cell-name.long {width:423px;}
table.folder-category-table td.table-cell-name-lab {width:632px;}
table.folder-category-table td.table-cell-name-productset {width:380px;}
table.folder-category-table td.table-cell-price {background:#CDFAA3; border:1px solid #7BAD51; padding:3px 5px 0px 5px; font-weight:bold; text-align: center; }
table.folder-category-table td.table-cell-price input { float: none; }
table.folder-category-table td.table-cell-price.error {background:#fa9192; border:1px solid #ad2124; }
table.folder-category-table tr.free-download-error td.table-cell-price {width:70px; background: #fa9192; border:1px solid #ad2124; padding:3px 5px 0px 5px; font-weight:bold; text-decoration: line-through;}
table.folder-category-table tr.free-download-error, table.folder-category-table tr.free-download-error {opacity: 0.6; text-decoration: line-through;}
table.folder-category-table td.table-cell-count {width:42px; background:#CDFAA3; border:1px solid #7BAD51; padding:3px 3px 0px 3px; font-weight:bold;}
table.folder-category-table td.table-cell-count input {width:37px;text-align:left; padding-left:2px;}
table.folder-category-table td.table-cell-min {text-align:right;}
table.folder-category-table td.table-cell-min-right {width:61px; text-align:right; padding-right:5px;}
table.folder-category-table td.table-cell-service-fee {text-align:right;}
table.folder-category-table td.table-cell-earning {text-align:right; padding-right:5px; text-decoration: underline; }
table.folder-category-table thead td {border-bottom:1px solid #a1a1a1; padding-bottom:5px;}

table.folder-category-table td.table-cell-small {width:160px; text-align:right;}
table.folder-category-table td.table-cell-action {width:30px; text-align:right;}
table.folder-category-table tr.selected { background-color: #fafafa; }


/* Product Overlay */
#ul-categories {margin:0px;}
#ul-categories li {list-style-type:none; float:left;}
#ul-categories li a {display:block; padding:8px 11px; background:#777; margin-bottom:1px; border:1px solid #444; border-bottom:0;color:#fff; font-weight:bold; text-decoration:none; margin-right:5px;}
#ul-categories li a:hover {cursor:pointer; background:#999;}
#ul-categories li a.active-category {cursor:pointer; background:#fff;  margin-bottom:0px; color:#000; border-color:#ccc; border-bottom:1px solid #fff;}
#product-details {display:none;}
#add-products-container {border:1px solid #ccc; padding:10px; margin-top:-1px;}
.add-products-options {margin-bottom:20px;}
.add-products-options .select-all {padding-left:20px; padding-top:3px; background:url('../img/icons16/tick.png') no-repeat; margin-right:10px;}
.add-products-options .unselect-all {padding-left:20px; padding-top:3px; background:url('../img/icons16/tick_grey.png') no-repeat; margin-right:10px;}
.add-products-options .manage-photographers-products {padding-left:20px; padding-top:3px; background:url('../img/icons16/image_blue.png') no-repeat; margin-right:10px; float:right;}



/* Blog */
.blog-content {width:625px; float:left;}
.blog-entry {margin-bottom:10px;padding-bottom:10px;}
.blog-entry-header {margin-bottom:15px; padding:30px 0 0 0;}
.blog-entry-header h2 {font-size:2.7em; padding:5px 0 0 0;}
.blog-entry-header a {text-decoration:none;}
.blog-entry-header a:hover {text-decoration:underline;}
.blog-entry-text {line-height:1.8;}
.blog-entry-text p {margin-top:20px; clear: both;}
.blog-entry-photo-description {font-style:italic; padding:10px; padding-top:0px;}
.blog-entry-footer {padding-top:20px;}
.blog-pagination {margin-top:30px; text-align:center;}


/* ************** Blog Galerie Typ 1 ************** */
.blog-entry-gallery-type-1 { text-align:center; }
.blog-entry-gallery-type-1 .gallery-image { display:block; float:left; width:75px; height:75px; position:relative; margin:2px; padding:4px; border:1px solid #6F6F6F; }
.blog-entry-gallery-type-1 .photos-selected { color: #333333; border: solid #ccc; border-width:0 1px 1px 0; opacity: 0.9; position: absolute; left: 0; top: 0; background: url("../img/icons16/basket.png") #fff no-repeat 2px 2px; padding: 2px 2px 2px 20px; }
.blog-entry-gallery-type-1 .lightbox-link { border: solid #ccc; border-width: 1px 0 0 1px; opacity: 0.9; position: absolute; right: 3px; bottom: 3px; background: url("../img/icons16/magnifier.png") #fff no-repeat 2px 2px; height: 16px; width: 16px; padding: 2px; }
.blog-entry-gallery-type-1 .basket-link { border: solid #ccc; border-width: 1px 1px 0 0; opacity: 0.9; position: absolute; left: 0; bottom: 3px; background: url("../img/icons16/cart_go.png") #fff no-repeat 2px 2px; height: 16px; width: 16px; padding: 2px; }

/* Wizard */
#wizard-content.well {padding-top:0px;}
.wizard-progress .fieldset {padding-bottom:0px;}
.wizard-progress h2 {padding:0px; padding-bottom:2px; text-align:center; border-radius:5px; background:#eee;}
.wizard-progress h2 small {color:#555555; font-size:16px;}
.wizard-progress h2 img {margin-right:5px;}
.wizard-progress .disabled h2 {opacity:0.3; background:none; filter: alpha(opacity=30); }
.wizard-progress-arrows {margin-top:3px; margin-right:5px; display:block;float:right; width:31px; height:34px; background:url('../img/arrows.png') right;}

.listingelement .content {width:85px; height:67px;}
a.accordion {margin-bottom:0px;}
a.cancel-startup-wizard {color:#aaa; float:right;}







/* ************** Adminbereich ************** */
tr.billable td {background-color: #ffffcc}
tr.not-billable td {background-color: #ccffcc}
.affiliate-partner {border: 1px solid grey; padding:10px;margin:10px}
.affiliate-partner.level0 {background-color: #ddd; }
.affiliate-partner.level1 {background-color: #eee; }
.affiliate-partner.level2 {background-color: #fff; }
.affiliate-couponcode {border: 1px solid grey; padding:4px;margin:4px}
table#statistik td { padding:3px; padding-right:10px;border-bottom: 1px solid #888; border-right:1px solid #ccc;}

/* ************** Supportbereich ************** */
table#search-table{border-collapse:collapse; margin-bottom:10px;	}
table#search-table td{padding:10px; border:1px solid #ccc;}
table#pools-table{border-collapse:collapse; margin-bottom:10px;	}
table#pools-table td{padding:10px; border:1px solid #ccc;}
table#scheduled-table{border-collapse:collapse;}
table#scheduled-table td{padding:10px; border:1px solid #ccc;}
#email-form-box {display:none;}
.support-right {float:right;min-width:250px;}
table.infotable th {text-align:right;font-weight:bold;vertical-align:top; padding-right:10px;}
.support-messages {height:286px; overflow:scroll;}
.support-messages p {width:600px; margin-right:15px;}
.support-save-options {margin-left:430px; margin-top:17px;}

/*Signalfarben der Wiedervorlagen Tabelle*/
.scheduled-date-timeout {background:red;}
.priority-1 {background:orange;}
.priority-2 {background:yellow;}
.priority-3 {}