Subversion Repositories WebE

@charset "utf-8";

body,td {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  text-align: left;

}

body {

  margin: 0;

  padding: 12px;

}

h1 {

  font-size: 21px;

  margin-top: 0;

  padding: 0;

}

h2 {

  font-size: 14px;

  margin-top: 20px;

  margin-bottom: 10px;

}

h3 {

  font-size: 13px;

}

img {

  border: none;

}

/*********************************************************************************

 * Links

 */

a,a:link,a:visited,a:active {

  color: #AA0000;

  text-decoration: none;

}

a:hover {

  color: #E30119;

  text-decoration: underline;

}

a.button {

  display: block;

  font-weight: bold;

  padding-top: 4px;

  padding-left: 6px;

  padding-bottom: 4px;

  padding-right: 6px;

  border-top: 1px solid #BBBBBB;

  border-left: 1px solid #BBBBBB;

  border-bottom: 1px solid #555555;

  border-right: 1px solid #555555;

  background-color: #CCCCCC;

  text-decoration: none;

}

a.button:active {

  text-decoration: none;

}

a.button:visited {

  text-decoration: none;

}

a.button:hover {

  background-color: #DDDDDD;

}

/*********************************************************************************

 * Table

 */

table {

  margin: 5px 0 10px 0;

  padding: 0;

}

table.no_margin {

  margin: 0;

}

td,th {

  text-align: left;

  vertical-align: top;

  margin: 0;

  padding: 0 10px 0 0;

}

/* style for listing tables */

table.list {

  border-collapse: collapse;

}

table.list  td,table.list th {

  margin: 0;

  padding: 3px 30px 3px 1px;

  border-bottom: 1px solid #EBEBED;

}

/* style for form tables */

table.form {

  border-collapse: collapse;

}

table.form  td,table.form th {

  margin: 0;

  padding: 0 20px 6px 0;

}

/* Header table */

table.header {

  margin: 0;

}

td.no_padding {

  padding: 0;

}

/*********************************************************************************

 * Custom classes

 */

div#page-container {

  width: 100%;

}

div#header {

  width: 100%;

  padding: 0 0 15px 0;

  border-bottom: #EBEBED 10px solid;

}

div#navbar {

  float: left;

  width: 200px;

  padding: 15px 20px 0 0;

  position: absolute;

}

div#content {

  padding: 15px 0 10px 230px;

  /*

        border-color:#F00;

        border-style:solid;

        border-width:thick;

        */

}

.right {

  text-align: right;

}

span.normal {

  font-weight: normal;

}

/*********************************************************************************

 * Login

 */

div#login {

  background-color: #EBEBED;

  width: 350px;

  padding: 10px;

  margin: auto;

  margin-top: 50px;

  text-align: center;

}

p.login_failed {

  color: #DD0000;

  font-weight: bold;

  background-color: #FFFFFF;

}

input.login {

  width: 200px;

}

/*********************************************************************************

 * Dialogs

 */

div.errormsg { /* Old version by Kevin */

  font-weight: bold;

  border: 2px solid black;

  color: #DD0000;

  position: fixed;

  left: 10px;

  top: 10px;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-left: 40%;

  text-align: center;

  font-size: 16px;

  width: 20%;

}

#dialog {

  font-weight: bold;

  border: 5px solid #888888;

  color: #000000;

  position: absolute;

  left: 30%;

  top: 20px;

  text-align: left;

  padding: 10px 10px 10px 80px;

  margin: 20px auto auto auto;

  width: 40%;

  background-color: #FFFFFF;

  z-index: 1000;

}

#overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 500;

  background-color: #EBEBED;

  opacity: 0.7; /* for real browsers */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* for IE 8 */

  filter: alpha(opacity = 70); /* for IE */

}

/* Error dialog */

.dialog_error {

  background: #FFFFFF url(../../resources/images/dialog_error.png)

    no-repeat 10px 10px;

}

/* Warning dialog */

.dialog_warning {

  background: #FFFFFF url(../../resources/images/dialog_warning.png)

    no-repeat 10px 10px;

}

/* Info dialog */

.dialog_info {

  background: #FFFFFF url(../../resources/images/dialog_info.png)

    no-repeat 10px 10px;

}

/* Question dialog */

.dialog_question {

  background: #FFFFFF url(../../resources/images/dialog_question.png)

    no-repeat 10px 10px;

}

/*Notification*/

.notificationIcon {

  float: right;

}

/* Title of dialog box */

#dialog_title {

  float: left;

  width: 100%;

  margin: 0 0 10px 0;

  padding: 0;

  font-size: 14px;

  font-weight: bold;

}

/* Text of dialog box */

#dialog_text {

  float: left;

  width: 100%;

  margin: 0 0 10px 0;

  padding: 0;

  font-size: 14px;

  font-weight: normal;

}

/* Buttons in dialog box */

#dialog_buttons {

  width: 100%;

  float: left;

  text-align: right;

  margin: 0;

  padding: 10px 0 0 0;

}

/*********************************************************************************

 * Navigation on the left side

 */

/* First level of navigation */

#navigation ul {

  list-style-type: none;

  list-style-image: none;

  margin: 0;

  padding: 0;

}

#navigation ul  li {

  border-bottom: #EBEBED 7px solid;

  margin: 0;

  padding: 5px 0 5px 1px;

  font-weight: bold;

  font-size: 13px;

}

/* Second level of navigation */

#navigation ul  li ul {

  padding: 3px 0 0 0;

}

#navigation ul  li ul li {

  border-bottom: none;

  margin: 0;

  padding: 3px 0 3px 7px;

  font-weight: normal;

  font-size: 12px;

}

/* Links in navigation area */

#navigation a {

  text-decoration: none;

  color: #333333;

}

#navigation a:active {

  text-decoration: none;

  color: #E30119;

}

#navigation a:hover {

  text-decoration: none;

  color: #E30119;

}

/*********************************************************************************

 * General page formatting

 */

p.main_hint {

  font-weight: bold;

}

p.sub_hint {

}

.hidden {

  display: none;

}

/*********************************************************************************

 * Customer selection

 */

div.customer {

  border-left: #EBEBED 5px solid;

  padding: 0 5px 0 5px;

  margin: 0 0 10px 0;

  float: left;

  width: 300px;

}

/*********************************************************************************

 * Change Request

 */

table.change_request {

  margin-left: -10px;

}

/*********************************************************************************

 * Form fields

 */

.input_ro { /* read only input field */

  border: 2px solid #EEEEEE;

  background-color: #EEEEEE;

}

.invalid { /* Fields containing invalid input */

  border: 2px #FF0000 solid;

  background-color: #FFDDDD;

}

/*********************************************************************************

 * Shopping cart

 */

table.shopping_cart {

  border-collapse: collapse;

  border: 3px solid #EBEBED;

}

table.shopping_cart td {

  padding: 3px 10px 3px 3px;

  border-top: 1px solid #EBEBED;

}

table.shopping_cart tr.additional_info td {

  border-top: none;

}

table.shopping_cart td.right,table.shopping_cart th.right {

  padding-right: 20px;

}

table.shopping_cart th {

  padding: 3px 10px 3px 3px;

  background-color: #EBEBED;

}

/* Buttons "Place order and Request offer" */

table.shopping_cart div.button {

  float: right;

  margin: 7px 0 0 10px;

}

table.shopping_cart form {

  margin: 0;

  padding: 0; /* Necessary for IE */

}

/* No padding-right for buttons in shopping cart */

table.shopping_cart th.buttons,th.buttons {

  text-align: right;

  padding-right: 0px;

}

/* Icon for opening additional info */

img.additional_info_icon {

  width: 16px;

  height: 16px;

  padding: 0;

  margin: 0 0 0 4px;

  cursor: pointer;

  vertical-align: text-top;

}

/* Title "Important information" */

.additional_info_title {

  font-weight: bold;

}

/* Cells containing the additional info or the title of the info */

td.additional_info {

  padding: 3px;

  background-color: #FFFF99;

}

/* Actual text of additional info has to be a monospace font */

.additional_info_text {

  font-family: "Courier New", Courier, monospace;

  padding: 5px 0 0 0;

  font-weight: bold;

}

/* Additional info, if a sparepart is not available (replacement part page) */

.additional_info_replacement {

  padding: 3px;

  background-color: #FFFF99;

  font-family: "Courier New", Courier, monospace;

  font-weight: bold;

}

/* deleted parts */

.part_deleted {

  background-color: #FFBBBB;

}

/* Arrow in empty shopping cart pointing to the entry form */

#arrow_left {

  height: 38px;

  padding-left: 45px;

  background: url('../../resources/images/double_left_arrow.png')

    no-repeat 3px 3px;

}

/* Difference to minimum order value */

#order_diff th {

  background-color: #FFCCCC;

  color: #E30119;

}

#shopping_cart_buttons {

  width: 100%;

}

.float_left {

  float: left;

}

.float_right {

  float: right;

}

/*********************************************************************************

 * Filter

 */

#filter_list {

  display: inline-block;

  float: none;

}

#filter_show label {

  vertical-align: middle;

}

#filter_show fieldset {

  padding: 5px;

}

#event_type_block {

  width: 200px;

  height: 80px;

  float: left;

}

#event_type_block select {

  width: 150px;

}

#user_id_block {

  width: 200px;

  height: 80px;

  float: left;

}

#selected_customer_block {

  width: 200px;

  height: 80px;

  float: left;

}

#date_filter_block {

  width: 220px;

  height: 80px;

  float: left;

  text-align: right;

}

#date_filter_block input {

  padding-right: 5px;

}

#filter_spacer {

  width: 10px;

  height: 80px;

}

#filter_submit {

  padding-top: 10px;

  text-align: right;

}

.event_list th {

  text-align: left;

}

.event_list td {

  padding-right: 20px;

}

.event_selection_list {

  width: 350px;

  border: 1px solid black;

  background-color: #EEEEEE;

  position: absolute;

}

.event_selection_list_item {

  padding: 2px;

  cursor: pointer;

}

.event_selection_list_item:hover,.event_selection_list_item_hover {

  background-color: black;

  color: white;

  padding: 2px;

  cursor: pointer;

}

.pager {

  padding-top: 20px;

  text-align: center;

}

.pager span {

  padding: 5px;

}