/* ------------------------------------------------------------------------
 *
 * CSS2 Stylesheet for customizing the Look & Feel of CM/Help applications.
 *
 * You can customize all the provided classes within a so called <skin>.
 * Please refer to the skin documentation for further details.
 *
 * (c) 2002 Allez! GmbH & ConSol* Software GmbH
 * ------------------------------------------------------------------------
 */

/* ==========
 * General
 * ==========
 */

/* Style used if not other specified */
body, table, tr, td, p, a, ul, li, select, input, div
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

/* Overall background color */
body
{
  background-color: #C8D4E2;
}

/* Default style used for input elements within forms */
input, select, textarea
{
  background-color: #F4F4F4;
  background: #F4F4F4;
  font-size: 11px;
}
input.append_checkbox
{
  background-color: #E4EAF1;
  background: #E4EAF1;
  font-size: 11px;
}

/* Links general */
a:link,a:visited,a:active
{
  color: #000000
}
a:hover {text-decoration: underline; color: #EA7C10;}

/* ==========
 * Login
 * ==========
 */

/* Color of the borders in login page */
.login_border
{
  background-color: #4F657D;
  color: #4F657D;
}


/* Inner login box  */
.login_box
{
  background-color: #A3B3C5;
}

/* Label in login box */
.login_label
{
  text-align: right;
}

/* Headline in login box */
.login_headline
{
  height: 50px;
  text-align: center;
}

/* Input field in login box */
.login_input
{
  font-size: 12px;
  width: 140px;
}

/* General properties of all labels
 */
.label
{
  font-weight: bold;
}

/* common properties for all button panels */
.buttons
{
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  margin-right: 3px;
}

/* ===================
 * Boxes in workspaces
 * ===================
 */

/* The workspace in lower, right frame is divided into so called
   "tiles" or "boxes" - The overall CSS attributes of these boxes can be
   defined here */

/* Generic box properties  */
table.box
{
  width: 95%;
}

/* Box-Headlines */
table.box_headline
{
  width: 95%;
  cell-spacing: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
}

td.box_headline
{
  background-color: #C0C9D4;
  font-size: 12px;
}

div.box_margin
{
  margin-top: 1px;
}

div.box_headline
{
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  margin-top: 3px;
  margin-left: 8px;
  margin-bottom: 3px;
}
div.box_content
{
  padding: 3px;
  margin-left: 2px;
  margin-top: 5px;
  margin-bottom: 3px;
}

/* ====
 * Call
 * ====
 */

/* Call-Box */
td.call
{
  background-color: #D9DFE7;
  align: left;
}

/* Used for sidebar of a callbox */
td.call_sidebar
{
  padding: 3px;
  vertical-align: top;
}

/* Used for rendering a standalone id in a call box */
div.call_id
{
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
}

/* Subject of a call */
div.call_subject,span.call_subject
{
  font-weight: bold;
  margin-left: 3px;
}

input.call_subject
{
  width: 465;
  height: 20px;
}

input.customer_attribute_input
{
  width: 300;
  height: 20px;
}

input.customer_attribute_input_disabled
{
  width: 300;
  height: 20px;
  background-color: #D9DFE7;
}

/* Labels within a call box  */
.call_attribute_label
{
}

.call_attribute_label_required
{
  color: #FF0000;
}

/* pulldown fields used in call attributes */
select.call_attribute_input
{
  font-size: 10px;
  width: 200px;
  height: 16px;
}

/* pulldown fields used in call attributes for dates */
select.call_attribute_date
{
  font-size: 10px;
  height: 16px;
}

/* Read-Only calltext */
td.call_text
{
  font-family: Courier New, Courier;
}

/* Input text area when editing a call */
textarea.call_text_input
{
  font-family: Courier New, Courier;
  width: 570px;
}

/* Call search */
div.call_search_label
{
  padding: 3px;
  margin-left: 3px;
  height: 24px;
}

td.call_search_label
{
  width: 100px;
}

.call_search_input
{
  width: 210px;
  background-color: #F4F4F4;
}

/* Attachment input fields*/
input.attachment_input
{
  width: 325px;
}

/* input fields during reference create */
input.reference_id
{
  width: 60px;
}

input.reference_comment
{
  width: 360px;
}

/* input checkbox for selecting reference
   call for deletion */
input.reference_checkbox
{
  background-color: none;
  background: none;
}


/* view select (in navigation panel) */
select.call_view
{
  font-size: 10px;
  background-color: #ECEFF3;
  width: 190px;
}

/* Input field for call id in navigation panel */
.call_id_search_input
{
  font-size: 10px;
  background-color: #ECEFF3;
  width: 50px;
}


/* Specific style for buttons in call menus
 * This is are used in addition to the common
 * buttons properties defined in class 'buttons'
 */
.call_buttons
{

}

/* =====================================
 * Call List
 *
 * These styles are used within the list
 * of assigned and unassigned calls
 * (shown in the leftmost frame)
 *
 * See also the CSS classes, which are
 * defined in the section "Layout" and
 * are used within the call layout
 * configuration
 * ====================================
 */

/* Headline assigned and unassigned Calls */
.call_list_head
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
}

/* Enclosing tables */
table.call_list
{
  background-color: #D9DFE7;
  border: 0;
  padding: 0;
  cell-spacing: 0;
}

/* Separator rows between calls */
.call_list_sep_light
{
  background-color: #FFFFFF;
}

.call_list_sep
{
  background-color: #4F657D;
}

/* Status symbol */
.call_list_status
{
  padding: 5px;
}

/* Call id in call list */
.call_list_id
{
  color: #000000;
  font-weight: bold;
  margin-left: 2px;
}

/* ========
 * Customer
 * ========
 */

/* General customer attributes */
.customer
{
  background-color: #C0C9D4;
  background: #C0C9D4;
}

/* First line of a customer entry in a list of customers */
.customer_list_head
{
  background-color: #D9DFE7;

  font-weight: bold;
  margin-left: 4px;
  margin-top: 2px;
  width: 160px;
}

/* Customer list */
.customer_list
{
  background-color: #D9DFE7;
}

/* Label for a customer form */
.customer_form_label
{
  padding: 3px;
  margin-left: 3px;
  height: 24px;
}

/* Various input field width for customer form: */
input.cust_form_small
{
  width: 120px;
  height: 20px;
}

input.cust_form_large
{
  width: 330px;
  height: 20px;
}

input.cust_form_date
{

}

input.cust_form_checkbox
{
  background-color: none;
  background: none;
}

textarea.cust_form_large
{
  width: 330px;
}


input.cust_form_xlarge
{
  width: 350px;
  height: 20px;
}

/* ===========
 * Preferences
 * ===========
 */

/* Label for a preferences form */
.pref_label
{
  padding: 3px;
  font-weight: bold;
  margin-left: 3px;
  height: 24px;
}

/* preferences input fields */
input.pref_input
{
  font-family: Courier New, Courier;
  width: 500px;
}

/* password input fields */
input.password_input
{
  font-family: Courier New, Courier;
  width: 500px;
}

select.pref_input
{
  font-size: 10px;
  width: 500px;
}

textarea.pref_input
{
  width: 500px;
  font-family: Courier New, Courier;
}

/* ====
 * Mail
 * ====
 */

/* Label of headers */
.mail_label
{
  margin-left: 2px;
}

/* Text input fields for mail headers */
input.mail_input
{
  font-family: Courier New, Courier;
  font-size: 11px;
  width: 250px;
}

/* Text input field for mail subject */
input.mail_subject
{
  font-family: Courier New, Courier;
  width: 500px;
}

/* Input area for mail body */
textarea.mail_body
{
  font-family: Courier New, Courier;
  width: 500px;
}

/* ========
 * Messages
 * ========
 *
 * These are shown on top of the workspace if needed.
 */

/* Info-Box */
table.info {
  width: 95%;
}

td.info
{
  background: #FFFFFF;
  background-color: #FFFFFF;
}

div.info
{
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
}

/* Error-Box */
table.error {
  width: 95%;
}

td.error
{
  background: #FFFF00;
  background-color: #FFFF00;
}

div.error
{
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
}

div.error_internal
{
  padding: 5px;
  font-size: 12px;
}

/* headline on error page */
td.error_headline {
  background: #FFFF00;
  background-color: #FFFF00;
}

div.error_headline {
  font-weight: bold;
  font-size: 12px;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 3px;
}

div.error_title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  align: center;
}

div.error_text {
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  align: left;
}


/* Question-Box */
table.question
{
  width: 95%;
}

td.question
{
  background-color: #D9DFE7;
  align: left;
}

/* ====
 * Misc
 * ====
 */

/* Welcome Message */
a:link.menu_link {font-size: 12px; text-decoration: none; color: #1C2B3A; font-weight: bold;}
a:visited.menu_link {font-size: 12px; text-decoration: none; color: #1C2B3A; font-weight: bold;}
a:active.menu_link {font-size: 12px; text-decoration: underline; color: #EA7C10; font-weight: bold;}
a:hover.menu_link {font-size: 12px; text-decoration: underline; color: #EA7C10; font-weight: bold;}

div.menu_link {padding: 5px;}

.news_head
{
  color: #000000; font-weight: bold; font-size: 12px;
}
.news_date
{
  color: #1C2B3A; font-weight: bold;
}
.menu_pos
{
  margin-left: 7px;
}
.menu_center
{
  margin-left: 25px;
}
.welcome_msg
{
  font-size: 11px;
  font-weight: bold;
  margin-left: 5px;
}
.welcome_sub
{
  font-size: 11px;
  margin-left: 5px;
}
/* Color of checkboxes */
input.checkbox
{
  background-color: #D9DFE7;
  background: #D9DFE7;
}

/* date select boxes */
select.date
{
  font-size: 10px;
}
.footer
{
  color: #ffffff; font-size: 10px;
}

/*
 * ===========
 * Templates
 * ===========
 */

/* label (call template) */
td.tpl_call_label
{
  font-weight: bold;
}

/* element (call template) */
td.tpl_call_element
{

}

/* input element (call template) */
input.tpl_call
{

}

/* label (call template) */
td.tpl_mail_label
{
  font-weight: bold;
}

/* element (call template) */
td.tpl_mail_element
{

}

/* input element (call template) */
input.tpl_mail
{

}


/* ===========================================  */

/*
   =======
   Layouts
   =======

   Layouts can be used to customize the order of certain
   elements. Within the definition of layouts, CSS classes can be
   specified. The following classes are defined in the default layouts
   and can be customized or you can customize the layout configuration
   itself

   Additional classes used in layouts:
    + call_attribute_label
    + label
 */


/* ----------------------
   call-layout-config.xml
   ---------------------- */

/* Property for call attributes rendered read only */
.call_attribute
{

}

/* Property for call attributes rendered read only in call info as table */
.call_attribute_info
{
  width: 200px
  margin-right: 20px
  padding-right: 100px
}

/* Call Subject in call list */
.call_list_subject
{
  padding-left: 2px;
  font-size: 11px;
  width: 210px;
  color: #000000;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 2px;
  margin-left: 2px;
}


/* Call attributes  */
.call_list_attributes
{
  background-color: #ECEFF3;
  padding-left: 2px;
  width: 220px;
  color: #000000;
  font-size: 11px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 2px;
}

/* Customer in call box */
.call_list_customer
{
  width: 210px;
  padding-left: 2px;
  color: #000000;
  font-size: 11px;
  margin-top: 1px;
  margin-bottom: 3px;
  margin-left: 2px;
}


/* One line in a call layout */
div.call_line_1
{
  background-color: #ECEFF3;
}

/* Alternate line in call layout */
div.call_line_2
{

}

/* --------------------------
   customer-layout-config.xml
   -------------------------- */

/* Style for an customer attribute */
.customer_attribute
{
  color: #1B1B49;
}

/* Style for an customer's name */
.customer_name
{
  color: #1B1B49;
  font-weight: bold;
}