.hondaRegular {
  font-family: Helvetica, Tahoma, Arial, Verdana, Sans-Serif; 
}

.hondaBold {
  font-family: Helvetica, Tahoma, Arial, Verdana, Sans-Serif; 
}

.brandSpecific{
    font-family: Helvetica;
    z-index: 999999;
}

html, body {
    font-family: Helvetica;
    font-size: 12px;
    color: #000;
}

.myRegion {
    background-image: none;
/*    background-image: url('headBg.png');*/
    background-color: #fff;

/*    height: 293px;*/
}

#headline {
    /* breadCrumb */

    border-width: 0px;
	/*border-top: 1px solid #ED1B2F;*/ /* untere Linie 
    border-color: #DEDEDE;
    background-color: #DEDEDE;*/
}

#headline > .widgetManagerButton {
    float: left;
    position: absolute;
    right: 6px;
    top: 8px;
}

.switchLangHref {
    width: 100%;
    padding:4px;
    display: block;
    text-align: left;
    text-decoration: none;
}

.switchPortalHref {
    width: 100%;
    padding:4px;
    display: block;
    text-align: right;
    text-decoration: none;
}


a {
    color: #555;
    text-decoration: none;
}

.tabs-tool {
	background: none transparent;
}

.buttonLogout {
    background-image: url("logout.png");
    background-repeat: no-repeat;
}

.buttonTeamViewer {
    background-image: url("teamViewer.png");
    background-repeat: no-repeat;
}

.icon-reload {
    background-image: url("reload.png");
    background-repeat: no-repeat;
}

.buttonFAQ {
    background-image: url("help.png");
    background-repeat: no-repeat;
}

.buttonMessenger {
    background-image: url("mail.png");
    background-repeat: no-repeat;
}

.buttonProfile {
    background-image: url("user.png");
    background-repeat: no-repeat;
}

.buttontranslationRecording  {
    background-image: url("play.png");
    background-repeat: no-repeat;
}

.icon-client  {
    background-image: url("client.png");
    background-repeat: no-repeat;
}

.buttonCalendar {
    background-image: url("buttonCalendar.png");
    background-repeat: no-repeat;
}

.tabs-tool {
	border:0px;
}

.brandSpecific a.m-btn-plain-active {
	background-image: url(navi_background.png);
    background-repeat: repeat-x;
	color: #ED1B2F !important;
	border-radius: 0px;
}

#headlinewrapper {
	display: none;
}

#headlinewrapper.kiaSystemHeadlinewrapper {
	display: inline;
}

.brandSpecific a.l-btn-plain:hover {
    color: #ED1B2F !important;
    background-image: url(navi_background.png);
    background-repeat: repeat-x;
	border-radius: 0px;
}

.brandSpecific a.l-btn-plain-active {
    color: #ED1B2F !important;
    background-image: url(navi_background.png);
    background-repeat: repeat-x;
	border-radius: 0px;
}

.brandSpecific .l-btn-text {
    font-size: 12px;
    font-weight: normal;
}

.brandSpecific a.l-btn span span.l-btn-text {
    color: #555;
    background-color: none !important;
}

.brandSpecific a.l-btn span span.l-btn-text:hover menu {
    color: #ED1B2F;
    background-color: #fff;
}

a.l-btn span:hover span.l-btn-text, .brandSpecific a.l-btn span:hover span.l-btn-text menu {
    color: #555;
}

.headline_bar a.l-btn span:hover span.l-btn-text, .brandSpecific a.l-btn span:hover span.l-btn-text menu {
    color: #555;
}

.brandSpecific .m-btn-downarrow {
    background-image: none;
}

.brandSpecific .isSeparateIcon .m-btn-downarrow {
    background: url("menu_downarrow.png") no-repeat scroll 0 center rgba(0, 0, 0, 0) !important;
}

.menu {
    background: #fff;
    margin:3px;
    padding:0px;
    border: 0px;
    color: #555;
    margin-bottom:7px;
}

.menu-active {
    padding:0px;
    background: #ffffff;
    color: #ED1B2F;
}

.menu-active #navigationId_107, .menu-active #navigationId_36, .menu-active #navigationId_159, .menu-active #navigationId_298, .menu-active #navigationId_74, .menu-active #navigationId_33, .menu-active #navigationId_93, .menu-active #navigationId_303, .menu-active #navigationId_304 {
    color: #ED1B2F;
}

.menu-scroll-bar, .menu-scroll-up, .menu-scroll-down {
    background: #eee;
    margin:0px !important;
}

.menu-scroll-up > div {
    border-bottom: 10px solid #bbb;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    height: 0px;
    margin-left: 100px;
    width: 0;
}

.menu-scroll-down > div {
    border-top: 10px solid #bbb;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    height: 0;
    margin-left: 100px;
    width: 0;
}

.menu-scroll-button {
    background-color:#999;
}

.menu-rightarrow {
    background:url("menu_rightarrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.menu-shadow {
    background: none;
}

#navigationSystem {
    position: relative;
}

#navigation {
/*    position: relative;*/
    top: 50px;
    z-index: 5;
}

#region_center {

}

/*#incomingMailLayout .myRegion{
    background-color: #FFFFFF;
}*/

#region_north {
    height: 38px;
    border: none;
	background-repeat:repeat-x;
/*    border-color: #CC0033;*/
/*    height: 107px;*/
    padding-top: 38px;
}

#brandSpecifickiaSearch {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 88888;
}

#brandSpecifickiaSearchInput {
    width: 180px;
    position: relative;
    bottom: 4px;
    font-size: 14px;
}

#brandSpecifickiaSystemSettings {
    color: #555;
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 10px;
    height: 50px;
    z-index: 100;
}

.kiaSystemSettingsContainer {
    position: relative;
    float: left;
    margin-right: 18px;
    z-index: 5555;
	display: none;
}

a.l-btn-plain:hover {
    background: none transparent;
    border: 1px solid transparent;
    border-radius: 0px;
}

.messager-button a.l-btn-plain:hover {
    background: #EEE;
    border: 1px solid lightgray;
    border-radius: 3px;
}

a.m-btn-plain-active {
    border: 1px solid transparent;
}

#brandSpecifickiaPortalMenu {
    color: white;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 83px;
    right: 21px;
/*    height: 50px;*/
    z-index: 9999;
    text-align: right;
}

#kiaPortalLink {
    position: relative;
    padding-bottom: 8px;
    height: 20px;
}

#brandSpecificLogo {
    position: absolute;
    width: 213px;
    height: 33px; /* Original Bildgröße */
    top: 38px;
    left: 10px;
    background:url('logo.png') no-repeat;
    z-index: 800;
}

/* Keine Icons im Menü */
.buttonReports, .buttonSystem, .buttonDealer, .buttonAdministration {
    background-image: none;
}

/* Verstecken */
#headline_debug, .buttonLogo {
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.headline_bar {
	margin-top: 7px;
	border-bottom: 1px solid #555;
	padding-bottom: 0px;
	height: 25px;
	padding-left: 220px;
	width: auto;
}

/*.ui-widget-header {
    background: #000000;
    border: 0;
}

.ui-widget-content {
    border: 0;
}*/

.fieldMask .field_layout_border_solid .layout_border_lable {
    background-image: none;
    background: #ED1B2F;
    color: #fff;
	text-transform:uppercase;
}

.fieldMaskStatic .field_layout_border_solid > .layout_border_lable {
    background-image: none;
    background: #ED1B2F;
    color: #fff;
	text-transform:uppercase;
	font-weight:normal;
}

.fieldMaskStatic .field_layout_border_solid > .layout_border_lable div {
    color: white;
	font-size: 18px;
	font-weight: normal;
	font-family: calibri;
	text-transform:uppercase;
}

.tree-node-selected {
    background: #ddd;
}

#searchbox {
    top: 109px;
}

.menu-item {
    border-color: transparent transparent #eee;
    margin-top: 3px;
    margin-bottom:3px;
    padding: 8px 0;
}

.menu-item a:hover {
    color:#ED1B2F;
}

/*easyui-menubutton:hover */
.menu-text:hover {
	color:#ED1B2F;
}

.menu-text a:hover, easyui-menubutton:hover {
	color:#ED1B2F;
}

.buttonModule {
	background-image:none;
}

.buttonProcess {
	background-image:none;
}

.searchList_quickSearch tabs-tool {
	position:absolute;
	right: 00px;
    top: 5px;
}

#changeclientbtn {
	position:absolute;
	right: 10px;
    top: 45px;
}

#clientname {
	position:absolute;
	right: 40px;
    top: 47px;
}

/*.tabs-header {
	background: #ffffff;
}
*/

.panel-body {
	border:#ffffff;
}

#kiaLanguageLink {
	float:right;
}

#changeclientbtn {
	position:absolute;
	top: 6px;
	right: 35px;
}

#clientname {
	position:absolute;
	top: 6px;
	right: 65px;
	font-size: 14px;
	text-transform:uppercase;
}

#kiaSystemNxG {
	margin-left: 645px;
    margin-top: 5px;
}

.ui-widget-header {
    background: url("ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #ed1b2f;
    border: 1px solid #333;
	font-weight:normal;
}

.ui-widget-content {
    background: url("../../../../../media/styles/jQuery_ui/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom #FCFDFD;
    border: 1px solid #333;
    color: #333;
}

.icon-widgetAdd, .icon-widgetAddCms {
    background: url("plugin_add.png") no-repeat scroll left center transparent;
}

/* Widgets */

#widgetPortal.portal .panel .panel-body, 
.widgetManagerGrid.portal .panel .panel-body {    
    color: #555;
	border: 0px;
}


#widgetPortal.portal .panel .panel-header, 
.widgetManagerGrid.portal .panel .panel-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
	color: #555;
	border-bottom: 1px solid #ED1B2F;
	padding: 5px;
}

#widgetPortal table table tr:hover {
    background-color: #f6f6f6;
}

#widgetPortal table table tr {
    height: 20px;
}

#widgetPortal table table tr td {
    padding: 0px 5px;
}


#widgetPortal table table th {
	text-align:left;
	font-weight: bold;
	padding: 0px 5px;
}

#widgetPortal table table th:hover {
	background: none transparent;
}

#widgetPortal table table tr .center {
	text-align:center;
}

.widget_item_content img {
    padding: 7px;
}

.widgetsUnderline {
	border-bottom: 1px solid #555;
}

.widgetsHeadline {
	background-color:#fff;
	color:#555;
	font-weight:bold;
}

.widgetsTable {
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}

.vdikName {
	color: #ED1B2F; 
	border-bottom: 1px solid #dddddd;
}

.vdikHeader {
	color: #ED1B2F; 
	border-bottom:3px solid #ED1B2F;
}

.topDealerHeadline {
	background-color:#ED1B2F;
	color:#FFF;
	font-weight:bold;
}

.topDealerHeadline:hover {
    background-color:#a51220 !important;
}

.topDealerTable {
	background-color:#e3e3e3;
}

.adminWidgetsHeadline {
	background-color:#e3e3e3;
	font-weight:bold;	
}

.rowColorOddTopDealer {
	background-color:#eeeeee;
}


.portal-column-td {
    margin-right: 10px;
}

.portal-column-td .panel-tool .panel-tool-close {
    background: url("close.png") no-repeat scroll 0px 0 transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;
}

.portal-column-td .panel-tool .panel-tool-collapse {
    background: url("maximize.png") no-repeat scroll 0px 0 transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;    
}

.portal-column-td .panel-tool .panel-tool-max {
    background: url("window_max.png") no-repeat scroll 0px 0 transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;    
}

.portal-column-td .panel-tool .panel-tool-min {
    background: url("minimize.png") no-repeat scroll 0px 0 transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;    
}

.portal-column-td .panel-tool .panel-tool-restore {
    background: url("window_min.png") no-repeat scroll 0px 0 transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;    
}

#loginMask #logo {
    background-image: url('honda_logo_login.jpg');
    background-position: center center;
    background-repeat: no-repeat;
	width:306px !important;
}

.combo-text {
    color: #333;
	line-height: 12px;
	background: none transparent;
}

.fieldMaskStatic label {
	font-size:12px;
}

.tabs li.tabs-selected a.tabs-inner {
	color:#3f3f3f;
	font-weight:bold;
	background:#ddd !important;
	outline: none;
    border: 1px solid #bbb;
}

.clockdate {
    font-size: 50px;
    text-align: center;
}

.clock {
    font-size: 60px;
    text-align: center;
    margin-top: 30px;
}

.clockbar {
    height:10px;
    margin:3px 0px 3px 0px;
    background-color:#ccc;
}

.clockbarfill {
    background-color:#ed1b2f;
    height: 10px;
}

#progress-bar {
    background-image: linear-gradient(to bottom, #999794 0px, #888991 100%);
}

.menu-line {
	border:none !important;
}

.nxgMenuWidth {
	width:250px !important;
}

.menu-text {
	position:absolute !important;
	top:0 !important;
}

.tabs-header, .tabs-tool {
	background-color:#efefef !important;
}

.tabs li.tabs-selected.LIfixedTabs {
	border:none !important;
}

.datagrid-toolbar, .datagrid-pager {
	background-color:#efefef !important;
}

.searchList_quickSearch .l-btn {
	background:none !important;
	border:1px solid transparent !important;
}

.l-btn-disabled, .l-btn-disabled:hover {
	color:#ccc !important;
}

.m-btn-plain-active, .s-btn-plain-active {
	background-color:#fff !important;
}

.datagrid-row-over,
.combobox-item-hover {
	background:none repeat scroll 0 0 #efefef;
}

.datagrid-header, .datagrid-td-rownumber {
    background: #fafafa;
    /* url("../../../../../lib/js/jQuery_easyUi/themes/gray/images/datagrid_header_bg.gif") repeat-x scroll left bottom  */
}

.datagrid-row-selected,
.combobox-item-selected {
	color:#000;
	background: none repeat scroll 0 0 #fbec88;
}

.tabs li a.tabs-inner {
	color:#555 !important;
}

.tabs li a.tabs-inner:hover {
	background:none repeat scroll 0 0 #fff;
}

.tree-node-selected {
	color:#000;
	background:none repeat scroll 0 0 #c0c0c0 !important;
}

.tree-node-hover {
	background:none repeat scroll 0 0 #fafafa;
}

.textbox {
	border-radius:0px;
}

.panel-title {
	color:#3f3f3f;
	font-weight:normal;
}

.datagrid-header td {
    background: #fafafa;
    /* url("../../../../../lib/js/jQuery_easyUi/themes/gray/images/datagrid_header_bg.gif") repeat-x scroll left bottom */
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-top: 1px dotted #fff;
    font-size: 12px;
    font-weight: normal;
}

.datagrid-header td.datagrid-header-over {
	background: none repeat scroll 0 0 #ebf3fd;
}

.textbox .textbox-text {
    border-radius: 0px;
    padding: 1px 4px 4px 1px !important;
}

.combo-arrow {
    background-position: 2px 0;
	background-color:#ecf4fb;
}

.combo-arrow:hover {
	background-color:#e0ecf9;
}

.datagrid-toolbar {
	height:28px;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	border-color: #555;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
}

.dialog-button {
	border-top: 1px solid #eee;
}

.table01 th.vertical {
	transform: rotate(270deg);
}

.table01 div.vertical {
	margin-top: 15px !important;
}

table .ui-state-highlight, 
table .ui-widget-content .ui-state-highlight, 
table .ui-widget-header .ui-state-highlight {
	border: 1px solid #00287a;
	border-bottom:none;
}

.yspMain a.l-btn-plain:hover {
    border: 1px solid transparent;
    border-radius: 5px;
	padding: 1px;
}

.saveYspMain {
    border: 1px solid transparent;
    border-radius: 5px;
	padding: 1px;
}

#headline_server, 
#headline_system, 
#headline_module, 
#headline_action, 
#headline_misc {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
	text-transform:uppercase;
    height: 30px;
    padding-top: 5px;
}

.searchList_quickSearch .field_input {
	border: 1px solid #00287a !important;
}

input {
	color: #555 !important;
	font-family:Arial, sans-serif;
}

.fieldMask .field_layout_border_solid, 
.fieldMaskStatic .field_layout_border_solid {
    border: 1px solid #ccc;
    color: #333 !important;
}

.fieldMaskStatic .field_layout_border .layout_border_lable div {
	color:#333;
	font-weight:normal;
}

.fieldMask .rightWrite, 
.fieldMaskStatic .rightWrite,
.fieldMask label {
	color: #333 !important;
}

.fieldMask .combo, .fieldMaskStatic .combo, 
.fieldMask .mce-tinymce, 
.fieldMaskStatic .mce-tinymce, 
.fieldMask .datagrid, 
.fieldMaskStatic .datagrid {
	border: 1px solid #333;
}

.fieldMask .field_input.rightWrite, 
.fieldMaskStatic .field_input.rightWrite {
    color: #333;
	border-color: #333;
}

#calenderToolbarDateView {
	font-weight:normal;
}

.fieldMaskStatic label,
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16,
.datagrid-header .datagrid-cell span, 
.datagrid-cell, .datagrid-cell-group, 
.datagrid-header-rownumber, .datagrid-cell-rownumber,
.tree-title {
	font-family: Helvetica, Arial, sans-serif;	
}

.l-btn-text {
	font-family:Helvetica, Arial, sans-serif;
}

#login_form #login_btn {
	color:#fff !important;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
}

#login_form #login_btn {
	background-color:#ED1B2F !important;
	border: 1px solid #ED1B2F !important;
}

#login_form #login_btn:hover {
	background-color:#fb3346 !important;
	border: 1px solid #ED1B2F !important;
}

#country {
	color:#ED1B2F !important;
}

.datagrid-toolbar .icon-reload {
    background-image: url("refresh.png");
    background-repeat: no-repeat;
}

.fieldMask .field_layout_border .layout_border_lable, 
.fieldMaskStatic .field_layout_border .layout_border_lable {
	color:#333 !important;
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight:normal !important;
	font-size:14px !important;
}

.fieldMask .wrap_div.rightWrite .combo, 
.fieldMaskStatic .wrap_div.rightWrite .combo, 
.fieldMask .wrap_div.rightWrite .mce-tinymce, 
.fieldMaskStatic .wrap_div.rightWrite .mce-tinymce, 
.fieldMask .wrap_div.rightWrite .datagrid, 
.fieldMaskStatic .wrap_div.rightWrite .datagrid {
	color:#333 !important;
	border-color:#333 !important;
}

.fieldMask .field_input.rightRead, 
.fieldMaskStatic .field_input.rightRead {
    border-color: #aaa !important;
    color: #aaa !important;
}

.datagrid-toolbar .buttonCalendar {
	background-image: url("buttonCalendar.png");
    background-repeat: no-repeat;
}

.layout_border_lable .pagination-prev {
    background: rgba(0, 0, 0, 0) url("pagination_icons.png") no-repeat scroll -16px center;
}

.layout_border_lable .pagination-next {
    background: rgba(0, 0, 0, 0) url("pagination_icons.png") no-repeat scroll -32px center;
}

.menu-rightarrow {
    margin-top: -4px;
}