/**
kiaBackgroundColor => #CC0033
**/

@font-face {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

.brandSpecific{
    font-family: Tahoma, Geneva, sans-serif !important;
    z-index: 999999;
}

html, body {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 11px;
    color: black;
}

div.panel-body form.fieldMask label {
    font-family: Tahoma, Geneva, sans-serif !important;
	font-size:11px !important;
	}
	
.fieldMaskStatic label {
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size:11px !important;
}


div.panel-body form.fieldMask input {
    font-family: Tahoma, Geneva, sans-serif !important;
	font-size:11px !important;
	}
	
.fieldMaskStatic input {
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size:11px !important;
}

.panel, .datagrid {
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size:11px !important;
}


.myRegion {
    background-image: none;
    background-color: #fff;
	height: 300px;
}

#headline {
    /* breadCrumb */

    border-width: 2px; /* untere Linie */
    border-image-source: url("border_bg.png");
}

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

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

a {
    color: #666;
    text-decoration: none;
    font-size: 11px;
}

.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 {
	color: #003399 !important;
}

/*#headlinewrapper {       
}

#headlinewrapper.kiaSystemHeadlinewrapper {	
}*/

.brandSpecific a.l-btn-plain:hover {
    color: #003399 !important;

}

.brandSpecific a.l-btn-plain-active {
    color: #003399 !important;

}

.brandSpecific .l-btn-text {
    font-size: 14px;
    font-weight: bold;
}

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

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

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

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

.brandSpecific .isSeparateIcon .m-btn-downarrow {
    background: url('../../../../../lib/js/jQuery_easyUi/themes/gray/images/menu_arrows.png') no-repeat scroll 0 center rgba(0, 0, 0, 0) !important;
}

.menu {
    background: #fff;
    font-size: 11px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
    border:0px solid #ddd;
    color: #666;
    margin-bottom:0px;
}

.menu-active {
    padding:0px;
    font-size: 11px;
    background: #ddd;
    color: #003399;
	border-radius:0px;
}

.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: #003399;
    font-size: 11px;
}

.menu-scroll-bar, .menu-scroll-up, .menu-scroll-down {
    background: #f3f3f3;
    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-image:none;
}

.menu-shadow {
    background: none;
}

#navigationSystem {
    position: relative;
}

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

/*#region_center {
}

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

#region_north {
    height: 38px;
    border: none;
    background-image: url('header_bg.png');
/*    border-color: #CC0033;
    height: 107px;*/
    padding-top: 48px;
}

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

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

#brandSpecifickiaSystemSettings {
    color: #666;
    font-size: 11px;
    position: absolute;
    top: 9px;
    left: 120px;
    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;
}

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

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

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

#brandSpecificLogo {
    position: absolute;
    width: 97px;
    height: 70px; /* Original Bildgröße */
    top: 8px;
    left: 10px;
    background:url('eternity_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: 1px;
	border-bottom: 4px solid #003399;
	padding-bottom: 0px;
	height: 26px;
	padding-left: 100px;
	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: #003399;
    color: white;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
}

.fieldMaskStatic .field_layout_border_solid > .layout_border_lable {
    background-image: none;
    background: #003399;
    color: white;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
}

.fieldMaskStatic .field_layout_border_solid > .layout_border_lable div {
    color: white;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin-top:1px;
}

.tree {
	font-size:11px;
}

a.l-btn {
	font-size:11px;
}

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

#searchbox {
    top: 109px;
}

.menu-item {
    border-color: transparent transparent #ddd;
    margin-top: 0px;
    margin-bottom:0px;
    padding: 5px 5px;
    font-size: 11px;
}

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

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


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

.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: 35px;
    top: 50px;
    color: #666;
}


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

.panel-body {
	border:#ffffff;
}

#kiaLanguageLink {
	float:right;
}

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

#clientname {
	position:absolute;
	top: 10px;
	right: 65px;
}

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

.ui-widget-header {
    background: repeat-x scroll 50% 50% #003399;
    border: 1px solid #003399;
}

.ui-widget-content {
    background: repeat-x scroll 50% bottom #FCFDFD;
    border: 1px solid #003399;
    color: #222222;
}

.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: #222222;
	border: 0px;
}

#widgetPortal.portal .panel .panel-header, 
.widgetManagerGrid.portal .panel .panel-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
	color: #222222;
	border-bottom: 1px solid #003399;
	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 tr .center {
	text-align:center;
}

.widget_item_content img {
    padding: 7px;
}

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

.widgetsHeadline {
	background-color:#999999;
	color:#FFF;
	font-weight:bold;
}

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

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

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

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

.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('eternity_logo.png');
    background-position: center center;
    background-repeat: no-repeat;
}

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

.fc-view table thead tr th.fc-sat,
.fc-view table thead tr th.fc-sun,
.fc-first th.fc-sun,
.fc-first th.fc-sat {
    background: #003366 !important;
}



.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:#003399;
    height: 10px;
}


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

.nxgMenuWidth {
	width:250px !important;
	border:1px solid #ddd;
}

.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-row-selected,
.combobox-item-selected {
	color:#000;
	background: none repeat scroll 0 0 #fbec88;
}

.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;
}

/*.datagrid-header td {
	background: url("../../../../../lib/js/jQuery_easyUi/themes/gray/images/datagrid_header_bg.gif") repeat-x scroll left bottom #fafafa;
    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 !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: #003399;
}

/*.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 #003399;
	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;
}

.l-btn-text,
.menu-text, 
.menu-text span,
.tree-title {
	font-size:11px;
}

#region_center .searchListTab .tabs-header .fixedTabs {
	background: linear-gradient(to bottom, #f8f8f8 0px, #eee 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #575765;
}

#region_center .searchListTab .tabs-selected .fixedTabs {
    background: none repeat scroll 0 0 #ddd !important;
	color:#3f3f3f !important;
}

#region_center .searchListTab .tabs-header .fixedTabs:hover {
	background:none repeat scroll 0 0 #fff;
	color:#000;
}