/* CRM Menu */
div#crmMenu    { background-color: #fff; padding: 5px; margin-bottom: 10px; }
div#crmMenu hr { color: #aaa; border-color: #aaa; }
div#crmMenu ul { margin: 0; padding: 0; list-style: none; text-align: left; }
div#crmMenu ul li { margin: 0px; border: 1px solid white; }
div#crmMenu ul a { text-decoration: none; display: block; padding: 0 3px 0 0; }
div#crmMenu ul li a { font-size: 12px; color: #737373; line-height: 22px; padding: 0 5px; }
div#crmMenu ul li a:hover { background: #D1D5FF; text-decoration: none; }
div#crmMenu ul li a.current { color: black; }
div#crmMenu ul li { margin: 0; }

/* CRM Search */
div#crmSearch                   { background-color: #fff; padding: 5px;  }
table.crmSearch input.search    { width: 300px; }
div#crmAdvancedSearch           { padding-top: 10px; }
div#crmAdvancedSearch input,
div#crmAdvancedSearch select    { width: 265px; }
div#crmAdvancedSearch input.checkbox { width: auto; }

/* CRM Overviews */
table.crmOverview               { width: 100%; border-spacing: 0px;  }
table.crmOverview th            { padding: 2px 5px; }
table.crmOverview td            { padding: 5px; }
table.crmOverview thead th      { background: #1E4482 url(/data/gradient/1D4A8D/1E4482/15/vertical.gif) repeat-x top left; color: #fff; text-align: left; }
table.crmOverview tr.odd td     { background-color: #ffffff; }
table.crmOverview tr.even td    { background-color: #f0f0f0; }
table.crmOverview tr.hover td   { background-color: #EC6E14; cursor: pointer; color: #fff; }
table.crmOverview tr.inactive td  { font-weight: bold; }
table.crmOverview input         { width: 30px; height: 16px; line-height: 12px; font-size: 11px; padding: 0px; margin: 0px;  }

div.crmOverviewFilter           { float: left; }
div.crmOverviewSort             { float: right; }
div.crmOverviewPaging           { float: right; }

/* CRM forms */
textarea, input                     { margin: 0 0 3px 0; padding: 2px 0; background-color: #f2f2f2; border: 1px solid #d2d2d2; }
input.firstTouch                    { color: #888; font-style: italic; }
input#fromZipcode                   { width: 70px; }
div.crmForm table td                { vertical-align: top; }
div.crmForm input                   { width: 450px; }
div.crmForm input.small             { width: 100px; }
div.crmForm textarea                { width: 450px; height: 100px; }
div.crmForm input.checkbox,
div.crmForm input.radio             { width: auto; background-color: transparent; border: 0px; }
div.crmForm input#name_first        { width: 100px; }
div.crmForm input#name_middle       { width: 70px; }
div.crmForm input#name_last         { width: 270px; }
div.crmForm input#stalling_zipcode,
div.crmForm input#zipcode           { width: 100px; }
div.crmForm input#stalling_city,
div.crmForm input#city              { width: 345px; }
div.crmForm input#bank_nr           { width: 430px; }

div.crmForm select#price_type,
div.crmForm select#itemLength,
div.crmForm select#type,
div.crmForm select#customer_id,
div.crmForm select#mechanic_id,
div.crmForm select#package_id,
div.crmForm select#object_id,
div.crmForm select#position_id,
div.crmForm select#available_status,
div.crmForm select#user_id,
div.crmForm select#pickup_user,
div.crmForm select#country      { width: 450px; }

div.crmForm input#code              { width: 100px; }
div.crmForm input#price_month,
div.crmForm input#price             { width: 50px; }
div.crmForm input#pickup_request_text,
div.crmForm input#pickup_request    { width: 50px; }

div#maintenanceTypes { padding-top: 20px; }
div#maintenanceContent,
div#maintenanceEndDate,
div.crmForm div#customerPrivacy { position: absolute; background-color: #F1E8BD; border: 1px solid #D5CDA7; width: 140px; padding: 10px; float: left; top: 0px; left: 20px; z-index: 2000;}

div.crmForm span.packageName    { font-weight: bold; color: #EA5317; }

/* CRM register */
div#crm div.crmForm                       { width: 705px; }
div#crmComponent div.steps             { float: right; padding-bottom: 5px; }
div#crmComponent div.steps a           { display: block; float: left; margin-right: 5px; border: 1px solid #D2D2D2; background-color: #F2F2F2; color: #A0a0a0; width: 21px; height: 20px; text-align: center; line-height: 20px; font-weight: bold; text-decoration: none; }
div#crmComponent div.steps a:hover     { text-decoration: underline; }
div#crmComponent div.steps a.selected  { border: 1px solid #363A6C; background-color: #FFB27F; color: #000; }
div#crmComponent div.steps a.done      { background-color: #FFB27F; }
div#crmComponent div.steps a.last      { margin-right: 0px;}

div#crmComponent td.icons a            { text-decoration: none; }

/* CRM cards */
a.actionLink                    { text-decoration: underline; font-size: 11px; color: #999; float: right; }
div.crmCard                     { padding-bottom: 10px; }
div.crmCard div.container       { padding: 5px 10px; background-color: #ffffff; border: 1px solid #D1D5FF; border-top: 0px; border-bottom: 0px;  }
div.crmCard input,
div.crmCard select              { width: 230px; }
div.crmCard label               { font-weight: bold; }
div.crmForm tr.typeInfo label   { font-weight: bold; }
div.crmCard input.checkbox      { width: auto; border: 0px; }
table.crmCard                     {  }
table.crmCard td                  { padding-left: 2px; }

/* CRM datagrids */
div.manDataGrid table               { width: 100%; border-spacing: 0px;  }
div.manDataGrid table th            { padding: 2px 5px; }
div.manDataGrid table td            { padding: 5px; }
div.manDataGrid table thead th      { background: #1E4482 url(/data/gradient/1D4A8D/1E4482/15/vertical.gif) repeat-x top left; color: #fff; text-align: left; }
div.manDataGrid table thead th a    { text-decoration: none; color: #fff; }
div.manDataGrid table thead th a:hover  { text-decoration: underline; }
div.manDataGrid table tr.odd td     { background-color: #ffffff; }
div.manDataGrid table tr.even td    { background-color: #f0f0f0; }
div.manDataGrid table tr.hover td   { background-color: #EC6E14; cursor: pointer; color: #fff; }
div.manDataGrid table tr.inactive td  { text-decoration: line-through; }
div.manDataGrid table input         { width: 30px; height: 16px; line-height: 12px; font-size: 11px; padding: 0px; margin: 0px;  }

div.manDataGridHeader                        { width: 360px; float: right;  }
div.manDataGridHeader div.paging div.left    { width: 100px; }
div.manDataGrid table th.noPadding           { padding: 0px; }
div.manDataGrid table th.borderLeft          { border-left: 1px solid white; padding-left: 2px; }
div.manDataGrid table td.borderLeft          { border-left: 1px solid #888; padding-left: 2px;  }
div.manDataGrid table th.borderRight         { border-right: 1px solid white; }
div.manDataGrid table td.borderRight         { border-right: 1px solid #888; }