/* ============================================================================================= */
/* project navigation */
#myproductsNaviagation {
  height:64px;
  float:left;
  margin:7px 0 15px 0;
}

#myproductsNaviagation li {
  float:left;
  margin-left: 10px;
}

#myproductsNaviagation li a {
  display:block;
  text-align:center;
  padding-top:45px;
  text-decoration:none;
  color:#555;
  font-weight:bold;
  width:80px;
  background: url(http://www8.fotoalbum.de/mandants/foa/gfx/icon_PROJECT_ALL.jpg?1247122194) no-repeat;
}

#myproductsNaviagation li a:hover {
  cursor:pointer;
}

#myproductsNaviagation li a.photobook             { background-position:3px 0; }
#myproductsNaviagation li a.photobook:hover       { background-position:-87px 0; }
#myproductsNaviagation li a.canvas                { background-position:-354px 0; }
#myproductsNaviagation li a.canvas:hover          { background-position:-444px 0; }
#myproductsNaviagation li a.aludibond             { background-position:-889px 0; }
#myproductsNaviagation li a.aludibond:hover       { background-position:-979px 0; }
#myproductsNaviagation li a.calendar              { background-position:-175px 0; }
#myproductsNaviagation li a.calendar:hover        { background-position:-265px 0; }
#myproductsNaviagation li a.poster                { background-position:-710px 0; }
#myproductsNaviagation li a.poster:hover          { background-position:-800px 0; }
#myproductsNaviagation li a.print                 { background-position:-532px 0; }
#myproductsNaviagation li a.print:hover           { background-position:-622px 0; }

/* ============================================================================================= */
/* form project */
.projectForm .icon {
  width:60px;
  height:51px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/icon_PROJECT_NAVI_ALL.jpg?1236782233) no-repeat;
  top:15px;
  left:-10px;
}



.projectForm .icon.print            { background-position:-602px -8px; }
.projectForm .icon.calendar         { background-position:-244px -8px; }
.projectForm .icon.canvas           { background-position:-365px -8px; }
.projectForm .icon.photobook        { background-position:-120px -8px; }
.projectForm .icon.clientbook       { background-position:-487px -8px; }
.projectForm .icon.poster           { background-position:-728px -8px; }
.projectForm .icon.aludibond        { background-position:-833px -8px; }


.pageEditorBoxContent {
  height:105px;
  padding-right:0px !important;
}

/* Für Tassen entwas höher machen */
.cup.pageEditorBoxContent {
  height:125px;
}

.pageEditorBoxContent h1 {
  font-size:18px;
  height:16px;
}

#ProjectOverview .projectForm {
  height:183px;
  padding-right:0px !important;
}

.projectForm form {
  margin-bottom:0;
  padding-left:60px;
  width:425px;
  height:170px;
}

form#sendForm_printsmap {
  height:80px;
}

#form_cup form {
  margin-bottom:0;
  padding-left:100px;
  width:410px;
  height:170px;
}

div.projectForm .imgButton {
  position:absolute;
  margin:0 0 0 41px;
  bottom:10px;
}

/* IE 6 @ Win */
* html div.projectForm .imgButton { bottom:0px; }

div.projectForm.projectEditor,
div.projectForm.projectEditor form { height:117px; }

div.projectForm.projectEditor form#sendForm_calendar { height:118px; }

div.projectForm.projectEditor .imgButton,
div.projectForm.projectEditor #formHeadlineProjectEditor,
div.projectForm.projectEditor #formHeadlineProjectList { display:none; }

div.projectForm #formButtonProjectEditor { display:none; }
div.projectForm.projectEditor #formButtonProjectEditor {
  position: absolute;
  display:block;
  bottom: 6px;
  right: 10px;
}

.projectForm form label span {
  float:left;
  margin:0;
  text-align:right;
  padding:4px 4px 0 0;
  width:80px;
}

.projectForm form label.formTextType {
  float:left;
  width:100%;
}

.projectForm form label.formTextType input {
  width:115px;
  color: #333;
}

.projectForm form label.formSelectType {
  float:left;
  width:211px;
}

.projectForm form label.formSelectType select {
  width:117px;
  height: 17px;
  color: #333;
  font-size: 11px;
  font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

.projectForm form label.formSelectType select option {
  padding: 0;
  margin: 0;
}

.projectForm .default_button {
  left:90px;
  bottom:17px;
  position:absolute;
}

/* form projectEditor */
#FormTemplate .projectForm a.default_button { left:155px; }
#FormTemplate .projectForm .icon { top:2px; left:-16px; }
#FormTemplate .projectForm form {
  width:425px;
  padding:0 0 0 40px;
}

#FormTemplate #sendForm_cup {
  width:400px;
  padding:0 0 0 90px;
}

/* ============================================================================================= */
/* form payment */
form#formPaymentELV label,
form#formPaymentCCard label                     { width: 100px; }
form#formPaymentELV label.checkbox,
form#formPaymentCCard label.checkbox            { width: 100%; }
form#formPaymentELV label.checkbox input,
form#formPaymentCCard label.checkbox input      { width: 20px; }
form#formPaymentCCard select.ccard_valid_month,
form#formPaymentCCard select.ccard_valid_year   { width: 75px; }
form#formPaymentCCard input.ccard_valid_year,
form#formPaymentCCard input.ccard_cvc           { width: 40px; }

form#formPaymentELV div.paymentFormButton,
form#formPaymentCCard div.paymentFormButton {
  width:100%;
  position:absolute;
  left:0px;
  top:-23px;
}

form#formPaymentELV div.paymentFormButton input.imgButton,
form#formPaymentCCard div.paymentFormButton input.imgButton{
  float:right;
}

/* ============================================================================================= */
/* listItems project, cart... */
.listItem p.info,
li.listItem { padding-bottom:5px; }
li.listItem.small { padding-bottom:10px; }

.listItem .possibilities {
  margin-right:15px;
  width:25%;
}

.listItem .possibilities .textSmall { margin-bottom:5px; }

li.listItem.small h4 {  margin:4px 0 7px 0; }

.listItem .coverImage {
  margin-right: 10px;
  width:60px;
  height:51px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/icon_PROJECT_NAVI_ALL.jpg?1236782233) no-repeat;
}

.listItem p               { width:270px; }
li.listItem.small         { width:213px; }
li.listItem.small p       { width:100px; }

.listItem p.info,
.listItem h2              { width:234px; overflow: hidden; white-space:nowrap; color:#555; }
.listItem.cartItem p.info,
.listItem.cartItem h2     { width:210px; }
.listItem p.info { margin-top: 10px;}
* html .listItem p.info { margin-top: 0px;} /* IE 6 @ Win */

/* IE 6 @ Win */
* html .listItem ul.menu li {
  float:left;
  clear:left;
}

.listItem .possibilities p { display:inline; }

.listItem.print .coverImage           { background-position:-602px -8px; }
.listItem.calendar .coverImage        { background-position:-244px -8px; }
.listItem.canvas .coverImage          { background-position:-365px -8px; }
.listItem.photobook .coverImage       { background-position:-120px -8px; }
.listItem.clientbook .coverImage      { background-position:-487px -8px; }
.listItem.poster .coverImage          { background-position:-728px -8px; }
.listItem.cup .coverImage             { background-position:-945px -8px; }
.listItem.aludibond .coverImage       { background-position:-833px -8px; }

.listItem.print .coverImage img           { margin:21px 0 0 28px; }
.listItem.calendar .coverImage img        { margin:22px 0 0 28px; }
.listItem.photobook .coverImage img       { margin:17px 0 0 20px; }
.listItem.canvas .coverImage img,
.listItem.aludibond .coverImage img,
.listItem.poster .coverImage img          { margin:17px 0 0 28px; }
.listItem.cup .coverImage img             { margin:17px 0 0 28px; }
.listItem.clientbook .coverImage img      { margin:17px 0 0 20px; }

/* gift option fuer cartitems */
.listItem.cartItem .orderGiftOption {
  clear:both;
  margin-top: 10px;
  width: 380px;
}
.listItem.cartItem .orderGiftOption label {
  margin-top: 2px;
}
.listItem.cartItem .orderGiftRadio {
  clear:both;
  margin:0 0 10px 72px;
}
.listItem.cartItem .orderGiftOption label,
.listItem.cartItem .orderGiftRadio label {
  display:inline;
  font-weight: bold;
  width:90%;
}
.listItem.cartItem .orderGiftRadio span {
  font-weight: normal;
  color: #989898;
}
.listItem.cartItem .orderGiftOption input,
.listItem.cartItem .orderGiftRadio input {
  border:0;
  float:left;
  margin-right: 5px;
  width:15px;
  height:15px;
}
.generalList div.gifticon,
.listItem.cartItem div.gifticon {
  float:left;
  margin:0 5px 0 0;
  height:17px;
  width:17px;
}
.listItem.cartItem .orderNoGift {
  margin-left:93px;
  color: #989898;
}

.possibilities ul li { margin-top:2px; }

.bigSharingLink, .bigNoSharingLink {
  background: url(http://www.fotoalbum.de/mandants/root/gfx/icon_sharing.gif?1236782233) 0 -10px no-repeat;
  display: block;
  margin-left: 20px;
  padding-top: 44px;
  float: left;
  width:130px;
}

/* Listen-Element mit der Klasse smallLinkCart für Links mit BG-Bild */

.smallLinkEdit,
.smallLinkBuy,
.smallLinkPreview,
.smallLinkUse,
.smallLinkDelete,
.smallItemStorno,
.smallItemPast,
.smallItemCurrent,
.smallLinkShare,
.smallLinkNoShare,
.smallLinkCopy
 {
  padding: 2px 5px 0 23px;
  height: 14px;
  margin: 2px;
  background: url(http://www.fotoalbum.de/mandants/root/gfx/icons_small_2.gif?1251210742) 0 0 no-repeat;
  white-space:nowrap;
}

.smallItemStorno,
.smallItemPast,
.smallItemCurrent {
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/icons_status.gif?1289893110) 0 0 no-repeat;
}

/* immer */
.smallLinkEdit    { background-position: 0 -20px; }
.smallLinkBuy     { background-position: 0 -35px; }
.smallLinkUse     { background-position: 0 -35px; }
.smallLinkDelete  { background-position: 0 -74px; }
.smallLinkDelete  { background-position: 0 -74px; }
.smallLinkPreview { background-position: 0 -1px; }
.smallLinkShare   { background-position: 0 -56px; }
.smallLinkCopy    { background-position: 0 -37px; }

/* Status-Items */
.smallItemStorno  { background-position: 0 -35px;}
.smallItemPast    { background-position: 0 -17px;}
.smallItemCurrent { background-position: 0 0px;}

.smallLinkCart, .smallLinkCart {
  background: url(http://www2.fotoalbum.de/mandants/root/gfx/icon_cart.gif?1244192319) 10px 0 no-repeat;
  display: block;
  margin-left: 25px;
  margin-top: 10px;
  padding-top: 35px;
  float: left;
  width:60px;
}


.bigSharingLink, .bigNoSharingLink {
  background: url(http://www.fotoalbum.de/mandants/root/gfx/icon_sharing.gif?1236782233) 0 -10px no-repeat;
  display: block;
  margin-left: 20px;
  padding-top: 44px;
  float: left;
  width:130px;
}


a.projectLink {
  white-space:nowrap;
  font-weight: normal;
  color:#545454;
}

.smallLinkNoCart .projectLink, .bigNoSharingLink {
  color: red;
  text-decoration: line-through;
}

.cartSaldo { font-weight:bold; }

/* ============================================================================================= */
/* profile */

.profile .possibilities {
  margin:10px 12px 0 -7px;
}

/* IE6 Hack */
* html .profile .possibilities {
  margin:10px 12px 0 5px;
}

.profile .possibilities .textSmall {
  padding:8px 0 0 4px;
  float:left;
}

.profile .icon {
  width:36px;
  height:35px;
  float:left;
  background: url(http://www9.fotoalbum.de/mandants/foa/gfx/icon_PROFILE_ALL.gif?1247122194) no-repeat;
}

.profile .icon.myData        { background-position:0 0; }
.profile .icon.myBankAccount { background-position:-35px 0; }
.profile .icon.myExtras      { background-position:-71px 5px; }

/* ============================================================================================= */
/* teaserbox products */
.teaserBoxPrivate { padding:10px 10px 0 10px; }
.teaserBoxPrivate h1,
.teaserBoxPrivate p { margin:0 0 10px; }
.teaserBoxPrivate ul li { margin:0 0 2px; }

/* ============================================================================================= */
/* upload */
#folderSelectionList form label { width:100px; }
#folderSelectionList ul li {
  margin:0;
  border: 1px solid white;
  background-color: rgb(255, 255, 255);
}

/* ============================================================================================= */
/* print */
#DropZoneDiv { background: url(http://www7.fotoalbum.de/mandants/root/gfx/shop_dropzone.gif?1236782233) 5px 20px no-repeat; }

#DropZoneDiv.waiting { background: url(http://www2.fotoalbum.de/mandants/root/gfx/waiting.gif?1236782233) 45px 30px no-repeat; }

#DropZoneDiv .dropZoneRight {
  height: 40px;
  width: 325px;
  margin-left: 100px;
  padding: 20px;
  color: silver;
  font-weight: bold;
  font-size: 16px;
  background: #F1F1F1 url(http://www10.fotoalbum.de/mandants/root/gfx/bg_printsmap_item.gif?1236782233) no-repeat;
}

#DropZoneDiv .uploadOffer{
  font-weight:bold;
  margin:20px 0 10px 10px;
}

table#printItemsList td,
table#printItemsList th { padding: 0 6px; }

table#printItemsList td {
  vertical-align: top;
  line-height: 18px;
  height: 78px;
}

table#printItemsList td.imgCol {
  padding: 0;
  border: 1px solid #EEE;
}

table#printItemsList td.imgCol .imgCutFrame { border: 1px solid red; }
table#printItemsList td.del { text-align: right; }

input.select_benefits {
  margin: 0px 5px 0px 0px;
}

/* ============================================================================================= */
/* sharing */

div#sharing label.radio p { cursor: pointer; }
div#sharing li.inactive { color: #D0D0D0; }
div#sharing li.inactive.hover { color: #808080; }
div#sharing li.inactive div.shareAdditionalData { display: none; }

#pt_chooser{
  margin-bottom:15px;
  margin-left:10px;
  margin:6px 0px 6px 10px;
}

#pt_chooser li,
#pt_chooser label {
  white-space:nowrap;
  width:auto;
  padding-left:5px;
  margin-bottom:5px;
}
#pt_chooser li {
  float: left;
  width:132px;
}

#pt_chooser label {
  padding-top:2px;
}

#pt_chooser input {
  float:left;
  width:auto;
  border:none;
  padding-top:2px;
}