@charset "iso-8859-1";

/*
file         screen.css
license      (c) 2008-2010 bpm consult ag, CH-Birsfelden - all rights reserved.

version history:
2.6.0-0  13.03.2009  sb  initial release
2.7.1-0  18.02.2010  sb  approval plan and notepad management added
2.7.1-1  05.05.2010  sb  design improvements [DRD-401] [DRD-411] [DRD-506]
2.7.1-2  06.05.2010  sb  statistics added [DRD-122, BEE-3678]
2.7.2-0  05.07.2010  sb  additional notepad fields [BEE-4544]
2.7.2-1  07.07.2010  sb  notepad and basket improved [BEE-4520]
*/

/*** global defaults ***/
* {
  margin:               0;
  border:               0;
  padding:              0;
}
html {
  height:               100%;
}
body {
  color:                #6e6e6e;
  font-family:          Arial, sans-serif;
  font-size:            12px;
  height:               100%;
}
table {
  border-collapse:      collapse;
}
img.thumbnail {
  float:                left;
  width:                32px;
  height:               45px;
  padding:              0 4px 4px 0;
  background-image:     url(images/thumbnail.png);
  background-position:  0% 100%;
}
form {
  display:              inline;
}
input.text, select, textarea, input[type=text] {
  border:               1px solid #6e6e6e;
  padding:              1px;
}
input.button, a.button {
  display:              inline-block;
  border:               1px solid #ffffff;
  padding:              1px 4px 1px 4px;
  background-color:     #ff3333;
  line-height:          18px;
  color:                #ffffff;
  cursor:               pointer;
}
a.button {
  padding:              3px 6px 2px 6px;
  line-height:          15px;
}
a.button:hover {
  text-decoration:      none;
}
span.button {
  display:              inline-block;
  border:               1px solid #ff3333;
}
a.buttonwidth {
  width:                70px;
  text-align:           center;
}

h1 {
  padding:              12px 0 6px 0;
  font-weight:          normal;
  font-size:            20px;
}
h2 {
  padding:              10px 0 6px 0;
  font-weight:          normal;
  font-size:            18px;
}
a, .link {
  color:                #ff3333;
  text-decoration:      none;
  cursor:               pointer;
}
a:hover, .link:hover {
  text-decoration:      underline;
}
dd a, dd a:hover {
  display:              inline-block;
  color:                #333333;
  text-decoration:      none;
}
.center {
  text-align:           center;
}
.lefttext {
  text-align:           left;
}
.justify {
  text-align:           justify;
}
.middle {
  margin-bottom:        -3px;
}
.baseline {
  margin-bottom:        -6px;
}
.warning {
  color:                #a0001b;
  font-weight:          bold;
}
.disabled {
  color:                #cccccc;
}

/*** body area ***/
body.body {
  background-color:     #001947;
}
div.body {
  width:                963px;
  padding:              0 218px 0 7%;
  background-image:     url(images/bodyBorder.png);
  background-position:  100% 0;
  background-repeat:    repeat-y;
  background-color:     #ff3333;
}

/*** header area ***/
div.header {
  height:               172px;
  background-image:     url(images/header.png);
  background-repeat:    no-repeat;
}
div.header div.logo {
  position:             absolute;
  margin:               5px 0 0 17px;
}
div.header div.quote {
  float:                left;
  width:                500px;
  margin:               40px 0 0 280px;
  text-align:           right;  
}

div.header div.quote div.mainNav {
  margin:               -11px -10px 0 25px;
  text-align:           left;
}
div.header div.quote div.mainNav a.mainNavTitle {
  margin:               0 0 0 9px;
}
div.header div.quote div.mainNav dl {
  float:                left;
  border-left:          1px solid #cccccc;
  padding:              0 8px 0 8px;
}
div.header div.quote div.mainNav dl.first {
  border-left:          0;
}
div.header div.quote div.mainNav dd {
  color:                #6e6e6e;
}
div.header div.quote div.mainNav dd.current {
  color:                #ff3333;
}
div.header div.quote div.mainNav dd a {
  display:              block;
  color:                inherit;
}
div.header div.quote div.mainNav dd a:hover {
  background-color:     #d7d7d7;
}
div.header div.topNav {
  float:                left;
  margin:               111px 0 0 44px;
}
div.header div.topNav a {
  color:                #ffffff;
}

/** CONTENT AREA **/
div.content {
  background-color:     #ffffff;
  min-height:           100%;             /* Mindesthöhe für moderne Browser */
  height:               auto !important;  /* !important-Regel für moderne Browser */ 
  height:               100%;             /* Mindesthöhe für IE <7 */
}

/** TOP SECTION **/
.top {
  height:               286px;
  border-top:           1px solid #cccccc;
  border-right:         0;
  border-bottom:        1px solid #cccccc;
  border-left:          0;
  background-color:     #0a003f;
}
.topreduced {
  height:               20px;
}
.topHide {
  float:                right;
  margin:               4px 13px 0 0;
  cursor:               pointer;
}
.topHide .minus {
  position:             absolute;
  clip:                 rect(0, 10px, 10px, 0);
}
.topHide .plus {
  position:             absolute;
  margin-top:           -10px;
  clip:                 rect(10px, 10px, 20px, 0);
}

div.left {
  clear:                both;
  float:                left;
  width:                260px;
}
div.main {
  float:                left;
  width:                500px;
  min-height:           270px;
  padding:              9px 19px 9px 19px;
  border-left:          1px solid #cccccc;
  border-right:         1px solid #cccccc;
  background-color:     #ffffff;
}
div.largeMain {
  width:                664px;
  border-right:         0;
}
div.right {
  float:                left;
  width:                160px;
  font-size:            12px;
  font-family:          Arial, sans-serif;
  height:               100%;
}

div.right .heading {
  font-size:            12px;
  font-weight:          bold;
  margin-bottom:        6px;
}

div.main .heading {
  font-size:            18px;
  font-weight:          normal;
  margin-bottom:        15px;
}

div.main .heading p {
  font-size:            12px;
  font-weight:          normal;
}

div.main .heading p.heading {
  font-size:            18px;
  font-weight:          normal;
}



/*** left and right side content ***/

/**** language selection (left) ****/
p.lang {
  border-bottom:        1px solid #cccccc;
  padding:              8px 8px 8px 17px;
}
p.lang a {
  display:              inline-block;
  padding:              2px;
}
p.lang a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}

/**** drop boxes ****/
p.boxtop {
  margin:               8px 0 0 0;
  padding:              4px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #0168c1;
  font-weight:          bold;
}
div.left p.boxtop {
  width:                178px;
}
div.right p.boxtop {
  width:                188px;
}
.boxcontent {
  margin:               0;
  padding:              4px;
  background-repeat:    repeat-y;
  cursor:               pointer;
}
div.left .boxcontent {
  width:                237px;
}
div.right .boxcontent {
  width:                188px;
}
p.boxbottom {
  margin:               0 0 10px 0;
  padding:              2px 8px 2px 8px;
  background-repeat:    no-repeat;
}
div.left p.boxbottom {
  width:                178px;

}
div.right p.boxbottom {
  width:                188px;

}
img.openclose {
  float:                right;
  margin:               2px 4px 0 2px;
  cursor:               pointer;
}

/**** flat menu ****/
dl.boxcontent {
  padding-top:          12px;
}
.boxcontent dd {
  margin:               0 0 0 15px;
  border-bottom:        1px solid #cccccc;
  padding:              1px 0;
}
.boxcontent dd:hover {
  background-color:     #d7d7d7;
}
.boxcontent dd.article {
  min-height:           50px;
}
.boxcontent dd.sub {
  margin-left:          30px;
}
.boxcontent dd a {
  display:              block;
}
.boxcontent dd.active a {
  color:                #ff3333;
}
.boxcontent dd a img {
  float:                right;
}

/*** coverflow animation ***/
div.ifbox {
  position:             relative;
  top:                  -8px;
  height:               320px;
}
#imageflow {
  background-repeat:    repeat-x;
}
#imageflow img {
  position:             absolute;
  margin:               8px 0 0 0;
  border:               none;
}
#imageflow .clear {
  clear:                both;
}
#images {
  visibility:           hidden;
}
#loading {
  margin:               40px 0 -10px 0;
  text-align:           center;
  width:                100%;
  background-color:     #ffffff;
}
#loading img {
  margin-top:           10px;
  position:             relative;
}
#captions {
  position:             relative;
  top:                  44px;
  font-weight:          bold;
  text-align:           center;
  z-index:              80;
}
#scrollbar {
  visibility:           hidden;
  position:             relative;
  top:                  40px;
  border-top:           2px solid #cccccc;
  border-bottom:        2px solid #6e6e6e;
  z-index:              81;
}
#slider {
  position:             absolute;
  width:                14px;
  height:               14px;
  margin-top:           -7px;
  margin-left:          -7px;
  z-index:              82;
  background-repeat:    no-repeat;
}

/*** slideshow animation ***/
div.largeshow {
  height:               206px;
  padding:              45px 22px 0 22px;
}
div#slideshowStage {
  float:                left;
  width:                832px;
  overflow:             hidden;
  margin:               0 22px 0 22px;
}
div#slideshow {
  height:               100%;
  width:                5000px;
}
div#slideshow div {
  float:                left;
  top:                  0;
  height:               100%;
}
div.largeshow div#slideshow img.cover {
  height:               187px;
  width:                125px;
  margin:               2px 13px 0 0;
  background-color:     #ffffff;
}
#prev {
  float:                left;
}
#next {
  float:                right;
}
div.largeshow #prev, div.largeshow #next {
  margin-top:           90px;
  cursor:               pointer;
}

/*** welcome content ***/
div.welcome {
  clear:                both;
  margin:               2px 8px 20px 4px;
}
div.welcome p {
  padding:              0 0 6px 0;
}
div.callcenter {
  background-position:  100% 0;
  background-repeat:    no-repeat;
}

/*** trailers ***/
body.trailer {
  min-width:            420px;
}
body.trailer div.header {
  font-size:            15px;
  font-weight:          bold;
}
body.trailer p.audiosample {
  border-bottom:        1px solid #cccccc;
  padding-bottom:       24px;
  background-color:     #ffffff;
  font-weight:          bold;
  font-size:            15px;
}
body.trailer p.excerpt {
  height:               350px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
body.trailer img.bigcover {
  float:                left;
  margin:               0 20px 0 0;
  border:               1px solid #6e6e6e;
}

/*** big covers and overlays ***/
div.bigcover {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;
  background-image:     url(images/bigcoverbg.png);
  text-align:           center;
  cursor:               pointer;
  z-index:              200;
}
div.bigcover img {
  margin:               40px;
  border:               1px solid #6e6e6e;
}
div.bigcover iframe {
  margin:               40px;
  background-color:     #ffffff;
}
body.overlay {
  min-height:           540px;
  min-width:            500px;
  text-align:           center;
}
body.overlay > div, div.overlay {
  height:               522px;
  width:                482px;
  margin:               auto;
  border:               1px solid #6e6e6e;
  padding:              8px;
  text-align:           justify;
}
div.overlay {
  margin-top:           40px;
  background-color:     #ffffff;
}
.overlay p.title {
  padding:              4px 0 16px 0;
  font-weight:          bold;
  text-align:           center;
}
.overlay img.close {
  float:                right;
  margin:               2px 0 0 0;
  border:               0;
}
.overlay div.excerpt {
  clear:                both;
  height:               460px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
.overlay .alertbox {
  height:               auto;
  width:                auto;
  border:               0;
}

/*** content box (bookpack) ***/
.contentbox {
  height:               160px;
  width:                244px;
  float:                left;
  margin:               0 6px -1px 0;
  border-top:           1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  padding:              8px 0 0 0;
}
.contentboxCover {
  float:                left;
  margin:               0 8px 2px 0;
  border:               1px solid #6e6e6e;
  cursor:               pointer;
}
.contentboxDetails {
  height:               140px;
  overflow:             auto;
}
.contentboxDetails .bold {
  font-weight:          bold;
}
.contentboxDetails span {
  display:              block;
}
.contentboxPrice {
  overflow:             hidden;
  padding:              0 6px 0 2px;
  text-align:           right;
}
div.contentbox div.actionbar {
  position:             relative;
  z-index:              80;
  visibility:           hidden;
  top:                  -164px;
  left:                 244px;
  height:               166px;
  width:                32px;
  padding:              2px 0 0 2px;
  border-top:           1px solid #cccccc;
  border-right:         1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  border-left:          0;
  background-color:     #ffffff;
  text-align:           center;
}
div.contentbox div.actionbar img {
  cursor:               pointer;
}

/*** content box replace animaiton ***/
div.cbreplace, div.cbreplace div.cbitem {
  height:               236px;
  width:                607px;
}
div.cbreplacenav {
  float:                right;
  margin-right:         8px;
}

/*** alternative box ***/
div.altbox {
  float:                left;
  height:               124px;
  width:                240px;
  margin:               0 10px 4px 0;
  border-bottom:        1px solid #cccccc;
}
div.altbox p.content {
  height:               86px;
  padding:              4px;
}
div.altbox p.content img {
  float:                left;
  margin:               -3px 12px 0 4px;
  border:               1px solid #6e6e6e;
  cursor:               pointer;
}
div.altbox div.actions {
  padding:              4px;
  text-align:           right;
  white-space:          nowrap;
}

div.price_actions {
 width: 500px;
 border-top: 1px solid #cccccc;
 margin-bottom: 0;
 height: 50px;
 padding-top: 7px;
 margin-top: 7px;

}

.availability {
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 5px;
  text-align: left;
}

div.price {
  float: left;
}

div.infotext {

  width: 230px;
  margin-left: 100px;
}

div#wide {
width: 500px ! important;
}

div.actions {
  width: 200px;
  text-align: right;
  padding-bottom: 5px;
}
div.actionsother {
  float: right;
  padding-bottom: 5px;
  width: 180px;
  text-align: right;
}

.clear {
 clear: both;
}

div.altbox div.actions img {
  cursor:               pointer;
}

/*** tabbox (detail content) ***/
div.tablinks, div.tabtitle, div.tabcontent, div.tabbottom {
  clear:                both;
  width:                500px;
}
div.tabtitle {
  padding:              8px 0 8px 0;
  font-size:            16px;
  font-weight:          bold;
}
div.tablinks {
  height:               29px;
  border-bottom:        1px solid #cccccc;
  margin:               8px 0 8px 0;
}
div.tablinks p {
  display:              block;
  float:                left;
  line-height:          28px;
  cursor:               pointer;
  padding:              0 8px 0 8px;
  border-left:          1px solid #cccccc;
}
div.tablinks p.first {
  padding-left:         0;
  border-left:          0;
}
div.tablinks p.current {
  color:                #ff3333;
}
div.tablinks p:hover {
  background-color:     #d7d7d7;
}
div.tablinks p a {
  color:                inherit;
}
div.tablinks p a:hover {
  text-decoration:      none;
}
div.tabcontent {
  display:              none;
  min-height:           310px;            /* FRAGE: WARUM DAS? */
  text-align:           justify;
}
div.tabbottom {
  padding:              0 0 2px 0;
  margin:               0;
}
#tabContent1 {
  display:              block;
}
.tabcontent p {
  padding:              4px 0 2px 0;
}
.tabcontent img {
  float:                left;
  margin:               2px 8px 4px 0;
  border:               1px solid #6e6e6e;
  cursor:               pointer;
}
div.tabcontent img.rating, div.tabcontent img.button {
  float:                none;
  margin:               0 0 0 2px;
  border:               0;
  cursor:               default;
}
div.tabcontent img.button {
  margin:               2px 0 0 0;
  cursor:               inherit;
}
div.tabcontent p.review {
  margin:               4px 0 6px 0;
  border-top:           1px solid #eeeeee;
  border-right:         1px solid #ffffff;
  border-bottom:        1px solid #ffffff;
  border-left:          1px solid #eeeeee;
  padding:              4px;
}
div.tabcontent p.review img {
  float:                none;
  margin:               8px 8px 0 0;
  border:               0;
}
div.tabcontent p.review img:first-child {
  float:                right;
  margin:               0 0 2px 8px;
}
div.tabcontent p.load {
  display:              none;
  color:                #6e6e6e;
  text-align:           center;
}
div.tabcontent p#result, div.tabcontent span.moretext {
  display:              none;
}


div.tabbottom div.actions img {
  margin:               30px 12px -6px 0;
  cursor:               pointer;
}
div.tabbottom div.detailBasket {
  float:                left;
}
div.tabbottom div.detailBasket img {
  margin:               0 0 -6px 12px;
  cursor:               pointer;
}

/*** additional suggestion ***/
p.suggestion {
  margin:               16px 0 8px 0;
  padding:              8px;
  color:                #6e6e6e;
  font-weight:          bold;
}

/*** login and register area ***/
table.register {
  margin:               16px 0 16px 0;
}
table.register td {
  padding:              2px 8px 2px 0;
  vertical-align:       top;
}
table.register p {
  padding:              2px 0px 2px 0;
}
table.register td:first-child {
  width:                180px;
  text-align:           right;
}
input.openid {
  width:                368px;
  border:               1px solid #ff6200;
  background-image:     url(http://stat.livejournal.com/img/openid-inputicon.gif);
  background-repeat:    no-repeat;
  padding:              2px 2px 2px 18px;
}
input.register, textarea.register {
  width:                248px;
  border:               1px solid #6e6e6e;
  padding:              2px;
}
select.register {
  width:                254px;
  border:               1px solid #6e6e6e;
}
p.login {
  padding:              2px 0 8px 0;
}

/** NOTEPAD **/
.notepadActions {
  margin-bottom:        8px;
  text-align:           center;
}
.notepadItems {
  width:                100%;
  margin:               0 2px 8px 2px;
}
.notepadItems th {
  border-left:          1px solid #cccccc;
  padding:              2px;
}
.notepadItems th:first-child {
  border-left:          0px;
  text-align:           left;
}
.notepadItems td {
  border-top:           1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px;
  vertical-align:       top;
}
.notepadItems td:first-child {
  border-left:          0;
}
.notepadItems .check, .notepadItems .quantity, .notepadItems .action {
  text-align:           center;
}
.notepadItems .quantity input {
  width:                30px;
  text-align:           right;
}
.notepadItems .price {
  text-align:           right;
  white-space:          nowrap;
}
.notepadItems .description {
  width:                230px;
}
.notepadItems .comment {
  clear:                both;
  padding-top:          2px;
}
.notepadItems .key {
  display:              block;
  padding-top:          2px;
  font-size:            9px;
}
.notepadItems .comment input, .notepadItems .comment textarea {
  width:                240px;
}
.notepadMail {
  margin:               8px;
}
.notepadMail p {
  margin-bottom:        8px;
}
.notepadMail .key {
  float:                left;
  width:                120px;
  padding-right:        8px;
  text-align:           right;
}
.notepadMail input[type=text] {
  width:                320px;
}
.notepadMail textarea {
  height:               80px;
  width:                320px;
}

/** BASKET **/
.basketContent {
  width:                100%;
  margin-left:          6px;
}
.basketContent th {
  border-left:          1px solid #cccccc;
  padding:              2px;
}
.basketContent th:first-child {
  border-left:          0;
}
.basketContent td {
  border-left:          1px solid #cccccc;
  border-top:           1px solid #cccccc;
  padding:              4px 2px 4px 2px;
  vertical-align:       top;
}
.basketContent td:first-child, td.noborder-left {
  border-left:          0;
}
.basketContent .check {
  padding-top:          6px;
  text-align:           center;
}
.basketContent .quantity {
  text-align:           center;
}
.basketContent .quantity input {
  width:                30px;
  text-align:           right;
}
.basketContent .description {
  width:                280px;
}
.basketContent .description .small {
  padding-top:          3px;
  font-size:            9px;
}
.basketContent .article img {
  float:                left;
  margin:               0 2px 2px 0;
  cursor:               pointer;
}
.basketContent .article {
  padding:              2px;
}
.basketContent .key {
  clear:                both;
  padding:              2px 2px 0 2px;
  font-size:            9px;
}
.basketContent .value {
  padding:              0 2px 2px 2px;
  font-size:            9px;
}
.basketContent .value input {
  width:                262px;
  border:               1px solid #6e6e6e;
}
.basketContent .value .counter {
  width:                30px;
  border:               0;
  font-size:            9px;
}
.basketContent .value .comment {
  height:               50px;
  width:                260px;
  font-size:            12px;
  font-family:          Arial, sans-serif;
}
.basketContent .valueRO {
  padding:              0 2px 2px 2px;
  font-size:            11px;
}
.basketContent .price {
  width:                80px;
  padding:              2px;
  text-align:           right;
}
.basketContent .price div {
  float:                left;
}
.basketContent .action {
  text-align:           center;
  width:                80px;
}
.basketContent .action img {
  margin:               2px;
  cursor:               pointer;
}
.basketActions {
  padding:              8px;
  text-align:           center;
}
.basketComment {
  padding:              8px;
}
.basketComment .counter {
  width:                30px;
  border:               0;
}
.basketMail {
  margin:               16px 0 0 8px;
  border-top:           1px solid #6e6e6e;
}
.basketMail p {
  margin-bottom:        8px;
}
.basketMail .key {
  float:                left;
  width:                160px;
  padding-right:        8px;
  text-align:           right;
}
.basketMail input[type=text] {
  width:                320px;
}
.basketMail textarea {
  height:               80px;
  width:                320px;
}

/** CHECKOUT **/
table.creditcard, table.delivery, table.bill {
  display:              none;
  margin:               0;
}
table.addresses {
  width:                500px;
  margin:               0 0 2px 0;
  font-size:            12px;
  text-align:           left;
}
table.addresses th, table.addresses td {
  border-top:           0;
  border-right:         0;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px 4px 2px 4px;
}
table.addresses th.first, table.addresses td.first {
  border-left:          0;
  padding-left:         0;
}
table.addresses img {
  border:               0;
}
div#addform {
  display:              none;
}
p.basket {
  margin:               8px;
}

.gewaehr {
  margin: -35px 0 10px 0;
}

p.basketTitle {
  margin:               8px 0 0 8px;
  border-top:           1px solid #cccccc;
  font-weight:          bold;
}
p.basketTitle a {
  display:              block;
  color:                inherit;
}
p.basketTitle a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}
div.basketHelp {
  margin:               8px 0 8px 0;
  border-top:           1px solid #cccccc;
}

div.basketHelpNew {
  margin:               8px 0 8px 0;
}

/*** search lists ***/
.list {
  height:               50px;
  width:                500px;
  margin:               4px 0 2px 0;
  border-top:           1px solid #cccccc;
  padding:              8px 0 8px 0;
}
.list img.cover {
  clear:                left;
  float:                left;
  margin:               0 8px 2px 0;
}
.biginfo {
  display:              none;
  height:               130px;
}
.biginfo img.cover {
  border:               1px solid #6e6e6e;
}
.biginfo a.biginfoTitle {
  font-weight: bold;
}
.biginfo span {
  display:              block;
}
.biginfo span.text {
  text-align:           justify;
  height:               70px;
  overflow:             auto;
}
.biginfo span.actions {
  margin-top:           -28px;
  padding:              4px;
  text-align:           right;
}
.biginfo span.actions img {
  margin:               0 2px 0 2px;
  cursor:               pointer;
}

/*** pure text pages ***/
div.listbox {
  margin:               4px 0 2px 0;
  padding:              8px;

  background-repeat:    no-repeat;
}
div.listbox p {
  padding:              0 0 6px 0;
  text-align:           justify;
}

/*** no boxes ***/
div.nobox {
  margin:               8px 2px 8px 0;
  text-align:           left;
}
p.hinttitle {
  border-top:           2px solid #cccccc;
  border-bottom:        2px solid #cccccc;
  padding:              2px 0 4px 0;
  color:                #6e6e6e;
  font-weight:          bold;
}
p.hinttitle img {
  float:                right;
  margin:               0 2px 0 2px;
  cursor:               pointer;
}

/*** static boxes ***/
div.boxstatic {
  margin:               8px 0 8px 0;
  text-align:           left;
}
p.hinttop {
  padding:              6px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #6e6e6e;
  font-weight:          bold;
}

.hintcontent {
  background-repeat:    repeat-y;
  padding:              2px 8px 1px 8px;
}
.hintcontent img {
  margin:               0 4px 0 0;
}
p.hintbottom {
  padding:              2px 8px;
  background-repeat:    no-repeat;
}


/*** textSlide slideshow ***/
#textSlideStage {
  width:                200px;
  overflow:             hidden;
}
#textSlide {
  width:                2000px;
}
#textSlide div {
  float:                left;
  /*width:                196px;*/
  padding:              8px 2px 8px 2px;
  text-align:           justify;
}
img.textSlide {
  float:                left;
  margin:               0 4px 4px 0;
  
}

.textGeneric {
  padding:              8px;
  text-align:           justify;
}

div.right div.textGeneric {
  padding:              8px 3px 8px 3px;
  text-align:           left;
}

.textGenericHeading {
  margin:               2px 8px 20px 4px;
}

.textGenericHeading img {
  float:                left;
  margin:               0 4px 4px 0;
}

/*** footer area ***/
div.footer {
  clear:                both;
  padding:              4px 4px 4px 19px;
  background-color:     #ff3333;
  color:                #ffffff;
  font-size:            9px;
}
div.footer a {
  color:                #ffffff;
}

/*** event overview in side area ***/
.boxcontent .eventdate {
  display:              block;
}
.boxcontent .eventtitle {
  font-weight:          bold;
}
.boxcontent .eventsubtitle {
}

/*** event overview in main area ***/
div.eventSectionTitle {
  margin:               2px 2px 0 2px;
  background-repeat:    no-repeat;
}
div.closed {
  display:              none;
}
div.eventSectionTitle p.boxtop {
  font-size:            14px;
  color:                #6e6e6e;
}
div.eventSectionBottom {
  height:               12px;
  margin:               2px 2px 0 2px;
  background-repeat:    no-repeat;
}

/*** books in side area (e.g. topseller)  ***/
.boxcontent .author {
}
.boxcontent .title {
  font-weight:          bold;
}

/*** accordion menu ***/
dl.accordion dt {
  position:             relative;
  margin:               0 0 0 15px;
  border-bottom:        1px solid #cccccc;
  padding:              4px 0 2px 0;
  background-image:     url(images/plus.png);
  background-position:  100% 5px;
  background-repeat:    no-repeat;
  cursor:               pointer;
}
* html dl.accordion dt {
  cursor:               pointer;
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/down.png', sizingMethod='crop');
  background-image:     none;
}
dl.accordion dt:hover {
  background-color:     #d7d7d7;
}
dl.accordion dt.open {
  color:                #ff3333;
}
* html dl.accordion dt.open {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/forwd.png', sizingMethod='crop');
  background-image:     none;
}
dl.accordion dt.accordionLink {
  background-image:     url(images/arrow.png);
  background-position:  100% 5px;
  background-repeat:    no-repeat;
}
dl.accordion dd {
  position:             relative;
  overflow:             hidden;
}
dl.accordion dd:hover {
  background-color:     transparent;
}
dl.accordion dd.accordion_content {
  padding:              0 10px 0 10px;
}
dl.accordion dd.accordion_content p {
  padding:              5px 0 7px 0;
}
dl.accordion a {
  color:                inherit;
}
dl.accordion a:hover {
  text-decoration:      none;
}

/***** accordion menu 2nd level *****/
dl.accordion dd dl dt {
  margin:               0 -2px 0 13px;
  padding-left:         20px;
}
dl.accordion dd dl dt.accordionLink {
  background-image:     none;
}
dl.accordion dd dl dd.accordion_content {
  padding-left:         20px;
}

/***** accordion menu 3rd level *****/
dl.accordion dd dl dd dl dt {
  padding-left:         40px;
}
dl.accordion dd dl dd dl dt.accordionLink {
  background-image:     none;
}
dl.accordion dd dl dd dl dd.accordion_content {
  padding-left:         40px;
}

/*** user info box ***/
div.userInfo {
  height:               124px;
  margin:               2px 0 2px 0;
  padding:              8px;
  background-repeat:    no-repeat;
}
div.userInfoImg {
  display:              inline-block;
  vertical-align:       top;
}
div.userInfoImg img {
  height:               120px;
  width:                auto;
  border:               1px solid #cccccc;
}
div.userInfoText {
  height:               120px;
  width:                470px;
  display:              inline-block;
  padding:              0 0 0 16px;
  vertical-align:       top;
  overflow:             auto;
}
div.userInfoText p:first-child {
  font-weight:          bold;
}

/*** webshop and login links ***/
p.shopLink, p.loginLink {
  margin:               19px 19px 4px 19px;
  border:               1px solid #ff3333;
  padding:              1px;
}
p.shopLink a, p.loginLink a {
  display:              inline-block;
  padding:              2px 4px 2px 4px;
  background-color:     #ff3333;
  color:                #ffffff;
}
p.shopLink a, p.loginLink a {
  width:                210px;
}
p.shopLink a:hover, p.loginLink a:hover {
  background-color:     #d7d7d7;
  color:                #ff3333;
  text-decoration:      none;
}

/*** quick search form ***/
p.quickSearch {
  margin:               4px 0 4px 19px;
}
span.searchLink {
  display:              inline-block;
  height:               18px;
  border:               1px solid #ff3333;
  padding:              1px;
}
span.searchLink a {
  display:              inline-block;
  width:                48px;
  padding:              2px 4px 1px 4px;
  background-color:     #ff3333;
  color:                #ffffff;
}
span.searchLink a:hover {
  text-decoration:      none;
}
input.searchText {
  width:                128px;
  border:               1px solid #ff3333;
  padding:              2px;
}
img.searchImg {
  margin-bottom:        -6px;
  background-color:     #ff3333;
  cursor:               pointer;
}

/*** advanced search link ***/
p.advancedSearch {
  margin:               4px 19px 19px 19px;
}
p.advancedSearch a {
  display:              inline-block;
  width:                100%;
  padding:              4px 0 4px 0;
  color:                #6e6e6e;
}
p.advancedSearch a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}
p.advancedSearch a img {
  float:                right;
}

/*** staff ***/
p#abc {
  padding:              16px 0 16px 0;
  font-weight:          bold;
}
p#abc span {
  display:              inline-block;
  border-left:          1px solid #cccccc;
  padding:              0 1px 0 5px;
  cursor:               pointer;
}
p#abc span:first-child {
  border-left:          0px;
}
p#abc span.current {
  color:                #ff3333;
}
p#abc span.hidden {
  color:                inherit;
}
div#staff div {
  display:              none;
}
div#staff div p.hidden {
  display:              none;
}
div#staff div img {
  border:               1px solid #cccccc;
  padding:              4px;
}
div#staff div {
  border-bottom:        1px solid #cccccc;
  padding:              16px 0 16px 0;
}

/*** login information (top) ***/
div.loginInfo {
  position:             absolute;
  margin:               1px 0 0 300px;
  color:                #ffffff;
}
div.loginInfo a {
  color:                inherit;
}

/** QUICK NOTEPAD INFORMATION (HEADER) **/
.quicknotepad {
  position:             absolute;
  z-index:              900;
  top:                  1px;
  margin-left:          597px;
  color:                #ffffff;
}
.quicknotepadInfo {
  float:                left;
  width:                184px;
  overflow:             hidden;
}
.quicknotepadInfo a {
  color:                #ffffff;
}
.quicknotepadSlider {
  display:              none;
  width:                200px;
  border:               1px solid #ffffff;
  background-color:     #0a003f;
}
.quicknotepadSlider a {
  color:                inherit;
}
.quicknotepadSlider p {
  padding:              2px;
}
.quicknotepadSlider .gotoNotepad {
  margin:               0 0 0 111px;
}
.quicknotepadSlider .minilist a {
  display:              block;
  min-height:           46px;
  padding:              1px;
}
.quicknotepadSlider .minilist a:hover {
  background-color:     #6e6e6e;
  text-decoration:      none;
}
#showNotepadSlider {
  position:             absolute;
  z-index:              900;
  top:                  2px;
  width:                16px;
  height:               16px;
  margin-left:          782px;
  cursor:               pointer;
  background-image:     url(images/quickNotepadSlide.png);
}
#showNotepadSlider.exit {
  background-position:  0 100%;
}

/*** order tracking ***/
table.orderTracking td {
  padding:              4px;
}
table.orderTracking td:first-child {
  width:                150px;
  padding-left:         0;
  text-align:           right;
}
table.orderTracking td input.text {
  width:                250px;
}
table.orderTracking td input.orderDate {
  width:                111px;
}
table.orderResult {
  width:                500px;
  margin:               2px;
}
table.orderResult th, table.orderResult td {
  border-top:           0px;
  border-right:         0px;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px;
  vertical-align:       top;
}
table.orderResult .orderNo, table.orderResult th:first-child, table.orderResult td:first-child {
  border-left:          0;
  padding-left:         0;
}
table.orderResult .orderReference {
  max-width:            130px;
  overflow:             hidden;
}
table.orderResult .title {
  max-width:            120px;
  overflow:             hidden;
}
table.orderResult .claim {
  padding-right:        0;
}
table.orderResult .claim p {
  padding:              0 0 2px 0;
  text-align:           right;
}
.orderResult .quicktip {
  display:              inline-block;
  margin:               2px 0 2px 0;
  border:               1px solid #6e6e6e;
  padding:              2px;
  background-color:     #d7d7d7;
  font-weight:          bold;
  cursor:               help;
}

/*** Popups ClaimOrder & CancelOrder ***/
.popmain {
  background-color: #001947;
  width:            600px;
}
.popleft {
  float:            left;
  background-color: red;
  width:            50px;
  height:           600px;
  margin-right: 10px;
}
.popright {
  vertical-align:   top;
  background-color: white;
  width:            540px;
  height:           450px;
}
.popright .welcome {
  clear:            none;
}
.poprightForm {
  min-height:       20px;
  margin-left:      220px;
  padding:          2px;
}
.poprightForm .key {
  float:            left;
  width:            130px;
  margin-left:      -150px;
  text-align:       right;
}
.popbottom {
  width:            540px;
  background-color: #001947;
  height:           150px;
}
td.leftside {
  vertical-align:   top;
  width:            150px;
  padding:          0;
  margin:           5px 0;
}
td.rightside {
  width:            450px;
}
table.popuptbl td {
  padding:          2px 0;
}
#frmFreeText {
  width:            198px;
  height:           148px;
  border:           1px solid #cccccc;
}
.popuptbl {
  margin-bottom:    20px;
}

/*** Popup OrderTracking-Details (includeOrderDetail.csp)***/

div.popmain_track {
  background-color: #001947;
  width:            900px;
}

div.popleft_track {
  float:            left;
  background-color: red;
  width:            50px;
  height:           600px;
  margin-right:     10px
}

div.popright_track {
  vertical-align:   top;
  background-color: white;
  width:            840px;
  height:           300px;
}

div.popright_track div.welcome {
  clear: none;
}

div.popbottom_track {
  width:            840px;
  background-color: #001947;
  height:           150px;
  
}

table.popuptbl_track td, table.popuptbl_track th {
  padding:              2px;
  border:        1px solid #cccccc;
  
}

.popuptbl_track {
  width:                680px;
  padding:              2px 0;
  margin-bottom:        25px;
  vertical-align:       top;
}


/* Alle Drop-Down Felder gleich groß*/

select {
  width: 95px;
}


/* Hide Adress Area for Pront View */

.printHead {
  display:  none;
}

.clearForPrint {
  visibility: hidden;
  display: none;
}


.subtitle {
  padding-top:  2px;
  font-size:    11px;
  font-weight:  bold;
} 

.resultBigInfo {
  display:      block;
  margin-left: 90px;
}


/* Confirm Claim & Cancel */
.confirm {
  position: absolute;
  width: 450px;
  height: 240px;
  background-color: white;
  color: #333333;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-left: 50px;
  margin-bottom: 150px;
  padding-top: 230px;
}

/* Confirm Contact die Extrawurschd */
.confirmContact {
  position: absolute;
  width: 500px;
  padding-top: 120px;
  height: 148px;
  background-color: white;
  color: #333333;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

span.currency {
  clear: both;
  display:     block;
  float:       left;
}


dd.navi a {
  padding: 3px 0;
}


.aboutPicture {
  padding-top: 759px;
  padding-left: 5px;
  margin: 0;
}

p.paddingLeft9 {
  padding-left: 9px;
}



/* ############ NEW containerDETAIL ############## */

.borderTop {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin-top: 5px;
}

table.detail {
  
}

table.detail td {
  vertical-align: top;
}

table.detail td.cover {
  width: 100px;
}


/*********** Invoice Detail *************/

.invoiceDetail {
  text-align: left;
  vertical-align: top;
}

.invoiceAddress {
  margin-bottom: 10px;
}

.invoiceDetail table {
  width: 100%;
  
}

.invoiceDetail table.invoiceDetailTable {
  margin-left: 15px;
  width: 649px;
}

.invoiceDetail table th {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
  
}

.invoiceDetail table td {
  text-align: left;
  vertical-align: top;
  padding: 10px 0;
}

.textUppercase {
  text-transform: uppercase;
}

.invoiceDetail table td.textBottom {
  vertical-align: bottom;
}

.currencyTotal {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

.amountTotal {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

.aLineMore {
  border-top: 1px dashed #000;
  margin-top: -7px;
}

p.invoiceDetailData {
  float: left;
  width: auto;
  padding-right: 20px;
  margin: 15px 0;
}

/** PRINT BUTTON **/
.printButton {
  float:                right;
  margin:               5px;
}

/** IMAGE SHOW **/
.imageshow {
  display:              none;
  clear:                both;
  margin:               50px 22px 0 22px;
  font-size:            0;
}
.imageSlider {
  height:               0px;
}
.sliderItem {
  text-align:           center;
  white-space:          nowrap;
}
.sliderItem a {
  outline:              none;
}
.sliderItem img {
  max-height:           190px;
  margin:               0 8px 0 8px;
}
.ux-carousel-slides-wrap {
  overflow:             hidden;
  position:             relative;
}
.ux-carousel-slide {
  float:                left;
  overflow:             hidden;
  text-align:           center;
}
.ux-carousel-nav {
  height:               17px;
  width:                100%;
}
.ux-carousel-nav-next, .ux-carousel-nav-prev {
  position:             relative;
  display:              block;
  top:                  -104px;
  height:               21px;
  width:                21px;
}
.ux-carousel-nav-next {
  float:                right;
  background-image:     url(images/forwd.png);
}
.ux-carousel-nav-prev {
  float:                left;
  background-image:     url(images/back.png);
}
.ux-carousel-nav-play, .ux-carousel-caption, .ux-carousel-indexnav {
  display:              none;
}

/** QUICK TIP **/
#quicktip {
  width:                172px;
  display:              none;
  position:             absolute;
  z-index:              100;
  color:                #ffffff;
}
.quicktipContentTitle {
  padding:              8px 8px 4px 8px;
  background-image:     url(images/bubble.png);
  background-repeat:    no-repeat;
  font-weight:          bold;
}
.quicktipContent, .quicktipContentText {
  padding:              4px 8px 8px 8px;
  background-image:     url(images/bubble.png);
  background-position:  100% 100%;
  background-repeat:    no-repeat;
}

/** ALERT MESSAGE BOX **/
#alert {
  display:              none;
}
.alertBg {
  position:             fixed;
  top:                  0;
  left:                 0;
  height:               100%;
  width:                100%;
  background-image:     url(images/alertBg.png);
}
.alertbox {
  position:             absolute;
  min-width:            200px;
}
.alertboxTopLeft {
  float:                left;
  height:               30px;
  width:                15px;
  background-image:     url(images/alertbox.png);
}
.alertboxTopRight {
  width:                100%;
  margin-left:          15px;
  padding:              5px 10px 0 0;
  line-height:          25px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 0;
  font-weight:          bold;
}
.alertboxMiddleLeft {
  background-image:     url(images/alertboxBody.png);
}
.alertboxMiddleRight {
  width:                100%;
  margin:               0 -15px 0 15px;
  padding:              10px 10px 5px 0;
  background-image:     url(images/alertboxBody.png);
  background-position:  100% 0;
}
.alertboxBottomLeft {
  clear:                both;
  float:                left;
  height:               15px;
  width:                15px;
  background-image:     url(images/alertbox.png);
  background-position:  0 100%;
}
.alertboxBottomRight {
  height:               15px;
  width:                100%;
  margin-left:          15px;
  padding-right:        10px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 100%;
}
.alertboxTopRight .alertboxClose {
  float:                right;
  height:               16px;
  width:                16px;
  margin-top:           5px;
  background-image:     url(images/alertboxClose.png);
  cursor:               pointer;
}
.alertboxTopRight .alertboxClose:hover {
  background-position:  100% 100%;
}
.alertboxMiddleRight .alertboxButton {
  padding:              10px 10px 0 0;
  text-align:           center;
}
.alertbox .button a, .alertbox .button input {
  position:             relative;
  display:              block;
  padding:              0 8px 0 8px;
  border:               1px solid #ffffff;
  background-color:     #ff3333;
  color:                #ffffff;
  cursor:               pointer;
  line-height:          18px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.alertbox .button a:hover, .alertbox .button input:hover {
  background-color:     #d7d7d7;
  color:                #ff3333;
  text-decoration:      none;
}

/** APPROVAL PLAN **/
.approval h1 {
  padding-bottom:       8px;
}
.approval p {
  padding:              2px;
  text-align:           left;
}
.approval input[type=text], .approval textarea {
  border:               1px solid #6e6e6e;
  padding:              3px;
}
.approval select {
  width:                auto;
}
.approval .button a, .approval .button input {
  position:             relative;
  display:              block;
  padding:              0 8px 0 8px;
  border:               1px solid #ffffff;
  background-color:     #ff3333;
  color:                #ffffff;
  cursor:               pointer;
  line-height:          18px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.approval .button a:hover, .approval .button input:hover {
  background-color:     #d7d7d7;
  color:                #ff3333;
  text-decoration:      none;
}
.approval .caption {
  clear:                both;
  height:               14px;
  margin-top:           8px;
  border-top:           1px solid #d7d7d7;
  border-right:         1px solid #d7d7d7;
  border-bottom:        0;
  border-left:          1px solid #d7d7d7;
  padding:              2px;
  font-weight:          bold;
}
.approval .close {
  background-image:     url(images/minus.png);
}
.approval .open {
  background-image:     url(images/plus.png);
}
.approval .close, .approval .open {
  float:                right;
  height:               10px;
  width:                10px;
  margin:               2px;
  cursor:               pointer;
}
.approval .close:hover, .approval .open:hover {
  background-position:  0 100%;
}
.approval .button a {
  outline:              none;
}
.approval input[type=text], .approval textarea {
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.approvalFilter {
  min-height:           20px;
  margin-top:           2px;
}
.approvalFilter p {
  float:                left;
}
.approvalFilter .key {
  clear:                both;
  height:               24px;
  width:                160px;
}
.approvalFilter .value {
  margin:               0 32px 0 8px;
}
.approvalFilter .actions {
  margin-top:           -2px;
}
.approvalPlans {
  clear:                both;
  padding-top:          8px;
}
.approvalPlans table {
  width:                100%;
  margin:               8px 0 8px 0;
}
.approvalPlans th, .approvalPlans td {
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              0 2px 0 4px;
  text-align:           left;
}
.approvalPlans th:first-child, .approvalPlans td:first-child {
  border-left:          0;
  padding-left:         0;
}
.approvalPlans .actions {
  text-align:           center;
}
.approvalPlans .icons {
  white-space:          nowrap;
}
.approvalDefault {
  margin-top:           2px;
}
.approvalDefault > div {
  float:                left;
  overflow:             hidden;
  font-size:            9px;
}
.approvalDefault .col1 {
  width:                80px;
  margin:               2px 8px 0 0;
}
.approvalDefault .col1 p {
  padding:              0;
  text-align:           right;
}
.approvalDefault .col1 input {
  width:                50px;
  text-align:           right;
}
.approvalDefault .col2 {
  float:                left;
  width:                412px;
}
.approvalDefault .col2 .value {
  float:                left;
  width:                194px;
  margin-right:         8px;
}
.approvalDefault .col2 .value input {
  width:                186px;
}
.approvalDefault .actions {
  clear:                both;
  padding:              8px 0 2px 0;
  text-align:           center;
}
.approvalRuler {
  clear:                both;
  margin:               8px 0 -1px 0;
  font-weight:          bold;
  text-align:           right !important;
}
.approvalPositions {
  margin-top:           2px;
}
.approvalPositions .sort {
  text-align:           center;
}
.approvalPositions .position {
  clear:                both;
  margin-top:           8px;
  border-top:           1px solid #cccccc;
  padding-top:          8px;
}
.approvalPositions .row1 {
  clear:                both;
  font-size:            9px;
}
.approvalPositions .row1 p {
  float:                left;
  padding:              0;
}
.approvalPositions .row1 .check {
  width:                22px;
  margin-top:           12px;
}
.approvalPositions .row1 .quantity {
  width:                64px;
}
.approvalPositions .row1 .quantity input {
  width:                50px;
  text-align:           right;
}
.approvalPositions .row1 .availability,
.approvalPositions .row1 .status {
  float:                left;
  width:                128px;
  border:               0;
}
.approvalPositions .row1 .availability span,
.approvalPositions .row1 .status span {
  display:              block;
  color:                #000000;
}
.approvalPositions .row1 .icons {
  float:                right;
}
.approvalPositions .row2 {
  clear:                both;
  margin-left:          88px;
  padding-top:          8px;
}
.approvalPositions .row2 .cover {
  margin:               4px 0 2px 0;
}
.approvalPositions .row2 .text {
  float:                right;
  width:                340px;
}
.approvalPositions .row2 .text p {
  padding:              0;
}
.approvalPositions .row3 {
  clear:                both;
  margin-left:          88px;
  padding-top:          8px;
  font-size:            9px;
}
.approvalPositions .row3 .value {
  float:                left;
  width:                194px;
  margin-right:         8px;
}
.approvalPositions .row3 .value input {
  width:                186px;
}
.approvalPositions .row3 .comment {
  clear:                both;
}
.approvalPositions .row3 .comment textarea {
  width:                392px;
}
.approvalPositions .row3 .comment .counter {
  border:               0;
  background:           0;
  font-weight:          bold;
  font-size:            9px;
}
.approvalPositions .actions {
  clear:                both;
  padding-top:          16px;
  text-align:           center;
}

/** OVERLAY SECURE (DELETE APPROVAL PLAN) **/
#secure {
  display:              none;
}
.overlaySecure {
  width:                360px;
  padding:              2px;
}
.overlaySecure img {
  float:                left;
  margin:               0 8px 16px 0;
}
.overlaySecure .title {
  display:              block;
  margin-bottom:        8px;
  font-weight:          bold;
}
.overlaySecure .buttons {
  display:              block;
  margin-top:           16px;
  text-align:           center;
}
.overlaySecure .button {
  width:                80px;
}

/** NOTEPAD MANAGEMENT **/
.notepads {
  width:                100%;
  margin-top:           8px;
}
.notepads th, .notepads td {
  border-bottom:        1px solid #d7d7d7;
  border-left:          1px solid #d7d7d7;
  padding:              0 2px 0 4px;
  text-align:           left;
}
.notepads th:first-child, .notepads td:first-child {
  border-left:          0;
  padding-left:         0;
}
.notepads .button a {
  position:             relative;
  display:              block;
  padding:              0 8px 0 8px;
  border:               1px solid #ffffff;
  background-color:     #ff3333;
  color:                #ffffff;
  cursor:               pointer;
  line-height:          18px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.notepads .button a:hover {
  background-color:     #d7d7d7;
  color:                #ff3333;
  text-decoration:      none;
}
.notepads .action {
  white-space:          nowrap;
}

/** PREVIEW (BASKET AND NOTEPAD) **/
.preview {
  float:                right;
  width:                163px;
  margin-top:           16px;
  border-top:           1px solid #d7d7d7;
  border-bottom:        1px solid #d7d7d7;
}
.previewTitle {
  border-bottom:        1px solid #d7d7d7;
  padding:              2px;
  background-color:     #eeeeee;
  font-weight:          bold;
  text-align:           center;
}
.previewContentItem {
  padding:              4px 2px 0 2px;
  border-bottom:        1px solid #d7d7d7;
}
.previewContentItemRemove {
  float:                right;
}
.previewContentItemArticle {
  padding-right:        10px;
}
.previewContentItemArticleAuthor {
  display:              block;
  margin-bottom:        -11px;
  color:                #6e6e6e;
}
.previewSummary {
  padding:              2px;
  background-color:     #eeeeee;
  font-weight:          bold;
}

/** STATISTICS **/
.statisticForm {
  width:                100%;
  margin:               8px 0 8px 0;
}
.statisticForm th {
  border-left:          1px solid #d7d7d7;
  border-bottom:        1px solid #6e6e6e;
  padding:              4px 8px 4px 8px;
}
.statisticForm td {
  border-left:          1px solid #d7d7d7;
  border-bottom:        1px solid #d7d7d7;
  padding:              4px 8px 4px 8px;
}
.statisticForm th:first-child, .statisticForm td:first-child {
  border-left:          0;
  padding-left:         0;
}
.statisticForm input[type=text] {
  border:               1px solid #6e6e6e;
  padding:              2px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.statisticForm .colKey {
  width:                140px;
  text-align:           right;
}
.statisticForm .colValue {
  text-align:           left;
}
.statisticForm .colNummeric {
  text-align:           right;
}
.statisticForm .colEdit {
  width:                120px;
  text-align:           center;
}
.statisticForm .colEdit .clipIcon {
  line-height:          22px;
}
.statisticForm .colAction {
  text-align:           right;
}
.statisticFormMain {
  font-weight:          bold;
}
.statisticRuler {
  padding:              4px 0 4px 0;
  text-align:           right;
}
.statisticActions {
  margin-bottom:        8px;
  border-bottom:        1px solid #d7d7d7;
  padding:              8px 0 8px 0;
  text-align:           center;
}
.statisticList {
  clear:                both;
  padding:              2px;
}
.statisticList .key {
  float:                left;
  width:                180px;
  padding-right:        8px;
  text-align:           right;
}