/*
	01. General elements 
	02. Div elements
	03. Headline elements
	04. Link elements
	05. Image elements
	06. Paragraph elements
	07. Span elements
	08. List elements
	09. Table elements
	10. Form elements
	11. Other html elements
*/

/*@import url("modifications.css");*/
 
/* 1. General elements */ 
* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height: 100%;
	width: 100%;
	color: #000000;
	line-height: 18px;
	font-size: 12px;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #E1E1E3;
	background-image: url(Images/background.jpg);
	background-repeat: repeat-x;
}

td {
	vertical-align: top;
}

div#MainPage {
	/*margin-bottom: 50px !important;*/
}

div#MainPageInner {
	padding-bottom: 50px !important;
}

table#ContainerTable {
	width: 1010px;
	margin: 0px auto;
	margin-bottom: 50px !important;
}

table#ContainerTable td.Content {
	background-color: #FFFFFF;
}


div#passwordForgotten td{
	padding: 2px;
}

div#PanelLoadingBackground,
div#PanelReLoadCRSBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #808080;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	display: none;
}

a#PanelLoadingForeGround {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

a#PanelLoadingForeGround:hover {
	cursor: wait;
}

div#PanelLoading,
div#PanelReLoadCRS {
	position: fixed;
	top: 25%;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10000;
}
div#PanelLoading:hover {
	/*cursor: wait;*/
} 

div#PanelLoading table,
div#PanelReLoadCRS table {
	width: 100%;
}

div#PanelLoading table tr td.tdLoading {
	padding: 1.5em;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	text-align: center;
}

div#PanelLoading table tr td.tdLoading span {
	display: block;
	font-weight: bold;
	text-align: center;
}

div.DeveloperPopUp {
	width: 800px !important;
	top: 150px !important;
	margin: 0 auto !important;
}

div.VehiclePrint span{
	font-size: 12px !important;
	font-style: normal !important;
	font-family: Arial,Helvetica,sans-serif !important;
}

div.VehiclePrint label {
	padding-left: 5px;
}

table tr.EvenRow {
	background-color: #F0F0F0;
}

table tr.EvenRow:hover {
	background-color: #000000;
}

table tr.EvenRow:hover td {
	color: #FFFFFF;
}

input, select, textarea {
	padding: 1px;
	font-size: 11px;
	font-style: normal;
	font-family: Arial, Verdana, Tahoma;
	border: 1px solid #BFBFBF;
	vertical-align: middle;
}

input[type=radio],input[type=checkbox] {
	border: none;
}

select {
	padding: 0px;
}

p {
	margin: 1em 0;
}

.NotVisible {
	display: none;
}



/* 2. Div elements */
div#header {
	height: 125px;
	background-image: url('Images/CPSLogo.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div#topNavigation {
	color: #525254;
	height: 27px;
	background-color: #BFBFC1;
	border-bottom: 1px solid #525254;
}

div#data {
	padding-right: 15px;
	margin: 15px 0 15px 0;
}

.CPSContent {
	padding: 0px;
}

div#loginArea {
	border-bottom: 2px solid #B2101D;
	border-left: 10px solid #B2101D;
}

div#loginInformation {
	float: right;
	margin: 5px 5px 0 0;
}

div#LastWorkOrderInformation {
	float: right;
	margin: 0;
	padding: 3px 10px 3px 25px;
	color: #525254;
	border: 1px solid #525254;
	border-top: none;
	border-right: none;
	background-color: #BFBFC1;
}

div.loginMessages {
	width: 120px;
}

div#Counter {
	font-size: 11px;
	font-weight: bold;
	margin: 30px 0.5em 0 0.5em;
	padding: 0.5em;
	border: 1px solid #BFBFC1;
}

div.registration {
	text-align: center;
}

div.SearchArea table tr td {
	vertical-align: top;
}

div.SearchArea,  div.ImageLegend, div.EditArea {
	padding: 0.5em;
	border: 1px solid #525254;
	/*background-color: #F1F1F1;*/
	background-color: #ECECEC;
	margin-bottom: 2em;
}

div.AdminArea {
	padding: 0.5em;
	border: 1px solid #525254;
	background-color: #ECECEC;
	margin-bottom: 2em;
}

div.AdminArea table tr td {
	padding-bottom: 5px;
}

div.ImageLegend {
	margin-top: 2em;
	font-size: 11px;
}

div.ImageLegend table tbody tr td  {
	padding: 3px 0px 3px 15px;
}

div.ImageLegend table tbody tr td img  {
	margin-right: 3px;
}

div.HeaderInformation {
	padding: 5px;
	border: 1px solid #525254;
	background-color: #F1F1F1;
	margin-bottom: 20px;
}

div.AdminReleaseDetail
 {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #F1F1F1;
	margin-bottom: 3em;
}

div.OrderInformation,div.CustomerAdministrationDetail, div.WorkOrderData {
	float:left;
	margin: 0 0 2em 0;
	width:100%;
}

div.InformationUnit {
	width: 48%;
	float: left;
}

div.InformationUnit table,
div.AdditionalInformationUnit table {
	width: 98%;
}
	
div.AdditionalInformationUnit {
	margin-left: 52%;
}

div.PaymentTerms, div.OrderNotes, div.Info, div.SelectedOrderTemplate, div.ShipTypesInformation,div.CatalogueInformation {
	margin-bottom: 2em;
}

div#bottomEmptyNav {
	float: left;
	height: 10px;
	width: 190px;
}

div#bottomnav {
	height: 20px;
	padding: 4px 0px 4px 10px;
	border-top: 1px solid #525254;
	background-color: #BFBFC1;
}

div.bottomnavpunkt {
	float: left;
	font-size: 11px;
	padding: 0 10px;
	border-right: 1px solid #525254;
}

div.ShowAddressView {
/*	margin-left:50%;
	text-align:right;
	cursor:pointer;*/
	float:right;
    padding-top:2px;
	}	
/*	
div.AdressTitle{
    width:48%;
	float:left;
}
*/

div.orderPositions {
	clear:both;
}

div.TimePicker {
	display: inline;
	padding: 1px 0px 3px 20px;
	background-image: url('Images/Time.gif');
	background-position: 2px 50%;
	background-repeat: no-repeat;
	border: 1px solid #BFBFBF;
	
}

div.TimePicker select {
	border:0;
	margin-left:2px;
}
div.TimePicker select option {
	padding-left: 5px;
	padding-right: 5px;
}

/*
div.ArticleDetailHeaderInformation {
	width: 100%;
}

div.ArticleDetailHeaderInformation table {
	width: 100%; 
	background-color: #E4E8EC
}

div.ArticleDetailHeadLine {
	background-color: #E4E8EC; 
	padding: 2px; 
	text-align: center; 
	border-bottom: 1px solid #A4B4C4; 
	font-weight:bold;
}

#divArticleDetailMainInformation {
	 width: 49%; 
	 float: left; 
	 border: 1px solid #A4B4C4;
}

.divArticleDetailPriceInformation {
	margin-left: 51%; 
	border: 1px solid #A4B4C4;
}

.divArticleDetailListInformation {
	width: 49%; 
	border: 1px solid #A4B4C4;
}

.ArticleDetailHeaderInformationLeft {
	float: left; 
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 2px;
}

.ArticleDetailHeaderInformationRight {
	float: right; 
	text-align: right; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
}
*/
div.GarageCatalog
{
	margin: 10px 0;
	height: 350px;
	overflow: scroll;
	background-color: #F1F1F1;
	border: 1px solid #CCCCCC;
}

span.GarageCatalog_CurrentTabHeader {
	display: block;
	background-color: #AAAAAA;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	padding: 5px;
	margin: 5px;
	border: 1px solid #8B8B8B;
}
		
div#UpdateProzess {
	position:fixed;
	left:42%;
	top: 40% !important;	
	background-color:#FFFFFF;
	border:2px double #000000;
	height:70px;
	text-align:center;
	width:200px;
	z-index:100001;
	padding:1.5em;
}

div.ComparableNumberDetails {
	border: solid 4px #a4b4c4; 
	padding:1em;
	margin-top:70px;
}

div.ArticleButton {
	text-align: right;
}

div.CSVPriceList, div.CSVUserList ,div.ArticleCurrency{
	text-align: right;
}

div#divLinkArea {
    text-align:right;
   }
    	
div.WorkOrderDetails {
    clear:both;
    }
    
div.maintenanceDetails {
     margin-top:20px; 
     }
 
div#roleSelection{
    margin-bottom:10px;
}  


div.ListView {
	border: 1px solid #274395;
}

div.ListView .ListViewHeader {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background-color: #274395;
}

div.ListView .ListViewData {
	border: none;
	margin: 1px;
}

div.ListView select.ListViewData,
div.ListView textarea.ListViewData {
	width: 99%;
	height: 150px;
}

.modalPopup div.Footer {
	white-space: nowrap;
}

div.buttons input {
	margin: 0 5px;
}

.PageStats {
	border: 1px solid #BFBFC1;
	margin: 30px 0.5em 0 0.5em;
	padding: 0.5em;
}

.PageStats legend {
	font-weight: bold;
}
    
/* 3. Headline elements */
h1, h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin: 0 0 3px 0;
	
}

h1 {
	color: #525254;
	margin: 0 0 10px 0;
	padding: 2px 12px 2px 12px;
	background-color: #CCCCCC;
	border: 1px solid #525254;
}

h2.GWAHeader {
	font-size: 16px !important;
}

h2.GWAWorkOrderNumber {
	border-bottom: none !important;
}

h2.GWAHeader span.SubTitle_Regulator {
	font-size: 11px !important;
	font-weight: normal !important;
}

div.CRSPopUp div.Header span.SubHeader {
	color: #FFFFFF;
	font-style: italic;
	font-size: 12px;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

h1 span {
	display: block;
	margin-top: 5px;
}

h1 span span {
	font-style: italic;
}

h2 {
	margin-top: 15px;
	border-bottom: 1px solid #B2101D;
}
	
h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
	border-bottom: 1px dashed #525254;
}

div.maintenanceDetails h3 {
    margin-bottom:10px;
    }


div#loginArea h2 {
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 0 5px 18px;
	border: 0;
	margin: 15px 0 0 0 !important;
	background-color: #B2101D;
}


/* 4. Link elements */
a {
	color: #0C4DA2;
	text-decoration: underline;
}

a:hover {
	color: #B2101D;
	text-decoration: underline;
}

div#loginInformation a, div#LastWorkOrderInformation a {
	color: #B2101D;
}

div#loginInformation a:hover, div#lastWorkOrderInformation a:hover {
	text-decoration: none;
}

td.passwordForgotten a, td.registration a {
	color: #B2101D;
	text-decoration:none;
}
	
td.passwordForgotten a:hover, td.registration a:hover {
	color: #000000;
	text-decoration: underline;
}

div.navigation ul li.blue a,
div.navigation ul li.red a,
div.navigation ul li.yellow a,
div.navigation ul li.grey a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 18px;
	text-decoration: none;
}

div.navigation ul li.blue a {
	background-color: #274396;
}

div.navigation ul li.red a {
	background-color: #B2101D;
}

div.navigation ul li.yellow a {
	background-color: #E2AE4B;
}

div.navigation ul li.grey a {
	color: #525254;
	background-color: #C4C4C6;
}

div.navigation ul li.blue ul li a,
div.navigation ul li.red ul li a,
div.navigation ul li.yellow ul li a,
div.navigation ul li.grey ul li a {
	color: #000000;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image:url(Images/pfeil_schwarz.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;

	
}

div.navigation ul li.blue ul li.currentPage a,
div.navigation ul li.blue ul li a:hover {
	color: #274396;
	background-image:url(Images/pfeil_blau.gif);
	
}

div.navigation ul li.red ul li.currentPage a,
div.navigation ul li.red ul li a:hover {
	color: #B2101D;
	background-image:url(Images/pfeil_rot.gif);
}

div.navigation ul li.yellow ul li.currentPage a,
div.navigation ul li.yellow ul li a:hover {
	color: #E2AE4B;
	background-image:url(Images/pfeil_gelb.gif);
}

div.navigation ul li.grey ul li.currentPage a,
div.navigation ul li.grey ul li a:hover {
	color: #C4C4C6;
	background-image:url(Images/pfeil_grau.gif);
}

div#topNavigation ul li a {
	display: block;
	color: #525254;
	font-weight: bold;
	padding: 5px 0 6px 0;
	text-decoration: none;
}

div#topNavigation ul li a:hover,
div#topNavigation ul li.currentPage a {
	color: #000000;
	text-decoration: none;
}

a.LinkBack {
	margin-top: 10px;
	padding-left: 10px;
	background-image: url('Images/arrowLinkBack.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
}

a.arrowLink {
	padding-left: 10px;
	background-image: url('Images/arrowLink.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
}

a.selectDefaultAddress {
    	padding-right: 10px;
    }
    
a.stockCheck {
	float:right;
	margin-bottom: 5px;
	}

a.addPosition {
	margin: 5px 0;
}

a.VehicleData {
	padding: 2px 0 2px 22px;
	background-image: url('Images/Info.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

div#footer a {
	color: #525254;
	font-weight: normal;
	text-decoration: none;
}

div#footer a:hover {
	color: #000000;
}


div.button a 
{
    color: #000000;
	padding: 3px 20px;
	font-weight: bold;
	border: 2px solid #A9ACB0;
/*	background-color: #F1F1F1;
	color: #FFFFFF;
	padding: 2px 20px;
	text-align: center;
	background-color: #274395;
	text-decoration:none;*/
}


div.button a:hover 
{
    cursor: pointer;
	color: #FFFFFF;
	background-color: #274395;
	
/*	color: #FFFFFF;
	text-decoration:none;*/
}	

div.GarageCatalog  a
{
	color: #000;
	text-decoration:none;	
}

td.GarageCatalogRepairNode a
{
	color: #274396;
	text-decoration:underline !important;
}
	
td.GarageCatalogRepairNode a:hover
{
	color: #B2101D;
}

input.LookUp {
	float: right;
}

a.LookUp,
span.LookUp {
	display: block;
	height: 15px;
	padding: 2px 2px 5px 2px;
	border: 1px solid #BFBFBF;
	background-color: #FFFFFF;
}

div.ShowAddressView a {
	font-weight:normal;
	color: #274396;
	text-decoration:none;
}

div.CSVPriceList a , div.CSVUserList a{
    text-decoration:none;
	}
	
div.TermsAndConditions {
    height:150px;
    width:100%;
    border: 1px solid #BFBFBF;
    overflow-y:scroll;
   }
   
   
a.DownloadFile,
li.DownloadFile a {
	padding-left: 20px;
	background-repeat: no-repeat;
}

a.FilePDF,
li.FilePDF a {
	background-image: url('Images/Filetypes/icon_pdf.gif');
}

a.FileDOC,
li.FileDOC a {
	background-image: url('Images/Filetypes/icon_word.gif');
}

a.FileXLS,
li.FileXLS a {
	background-image: url('Images/Filetypes/icon_excel.gif');
}

ul.AdditionalDocuments {
	list-style-type: none;
	margin: 2px;
	padding: 2px;
	border: 1px solid #BFBFC1;
	background-color: #FAFAFA;
}

ul.AdditionalDocuments li {
	padding: 0;
	margin: 0 0 2px 0;
}

a.AdditionalDocuments {
	float: right;
	margin: 2px;
}

/* 5. Image elements */

div.AdressTitle img{
	vertical-align:middle;
	}
	
 div.CSVPriceList img, div.CSVUserList img{
	vertical-align:middle;
	margin-right:5px;
	}
	
div.ArticleButton img, table.SearchFields img, div.PageActions img, div.pagerLine img {
	vertical-align:middle;
}

/* 6. Paragraph elements */


/* 7. Span elements */
.Title,
div.HeaderInformation table span.Title {
	font-weight: bold;
}

div.Info span {
	font-size:11px;
}


	
div#UpdateProzess span {
	display:block;
	margin-top:1.5em;
	}
	
span.errors {
	color: #FF0000;
	font-weight: bold;
}

span.RequiredField {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 0%;	
	background-image: url('Images/required.gif');
}

.AttachmentDescription {
	display: block;
	margin: 2px;
	padding-left: 20px;
	border: 1px solid #BFBFC1;
	background-color: #FAFAFA;
	background-image: url('Images/icon_info.gif');
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

span.CountryFlag {
	padding-left: 20px;
	background-repeat: no-repeat;
}

span.CountryFlag_a,
span.CountryFlag_at {
	background-image: url('Images/Flags/at.gif');
}

span.CountryFlag_be {
	background-image: url('Images/Flags/be.gif');
}

span.CountryFlag_ch {
	background-image: url('Images/Flags/ch.gif');
}

span.CountryFlag_cz {
	background-image: url('Images/Flags/cz.gif');
}

span.CountryFlag_de {
	background-image: url('Images/Flags/de.gif');
}

span.CountryFlag_gr {
	background-image: url('Images/Flags/gr.gif');
}

span.CountryFlag_hr {
	background-image: url('Images/Flags/hr.gif');
}

span.CountryFlag_nl {
	background-image: url('Images/Flags/nl.gif');
}

span.CountryFlag_pl {
	background-image: url('Images/Flags/pl.gif');
}

span.CountryFlag_ro {
	background-image: url('Images/Flags/ro.gif');
}

span.CountryFlag_ru {
	background-image: url('Images/Flags/ru.gif');
}

span.CountryFlag_si {
	background-image: url('Images/Flags/si.gif');
}

span.CountryFlag_sk {
	background-image: url('Images/Flags/sk.gif');
}

	
/* 8. List elements */
div.navigation ul,
div#topNavigation ul,
div.Pager ul {
	list-style-type: none;
}

div.navigation ul li {
	margin-bottom: 5px;
}

div.navigation ul ul li {
	margin-bottom: 0;
}

div.navigation ul li.blue ul {
	border-bottom: 2px solid #274396;
	border-left: 10px solid #274396;
}

div.navigation ul li.red ul {
	border-bottom: 2px solid #B2101D;
	border-left: 10px solid #B2101D;
}

div.navigation ul li.yellow ul {
	border-bottom: 2px solid #E2AE4B;
	border-left: 10px solid #E2AE4B;
}

div.navigation ul li.grey ul {
	border-bottom: 2px solid #C4C4C6;
	border-left: 10px solid #C4C4C6;
}

div#topNavigation ul li {
	float: left;
	padding: 0 13px 0 20px;
	/*position:relative;*/
	background-image: url('Images/back_topnav.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

div.locationCountries ul,div.roleRights ul {
	list-style-type:none;
}
	
div.PageActions{
    float: right;
    /*padding-top:11px;*/
 }
 
.ContractPartList{
	list-style-type: disc;
	padding-left:2em;
 }
/* 9. Table elements */
table.CPSTable {
	width: 100%;
}

table.CPSTable thead tr th {
	padding: 2px;
	margin: 15px 0 5px 0em;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #274395;
}

table.CPSTable tbody {
	border: 1px solid #BFBFC1;
}

table.CPSTable tbody tr td {
	padding: 0.2em 0.1em;
	border-bottom: 1px dotted #BFBFC1;
	background-color: #FAFAFA;
}

table.CPSTable tbody tr td.rowHeader, td.rowHeader {
	font-weight: bold;
}

table.CPSTable tfoot tr td {
	padding: 5px;
	border: 1px solid #BFBFC1;
	background-color: #ECECEC;
}

td {
	vertical-align: top;
}

td.button,
div.button {
	padding-top: 5px !important;
	text-align: center;	
	clear:left;
}


div.buttonComparableNumberDetails 
{
    padding-top: 5px !important;
	text-align: center;	
    }

table.loginInformation {
	font-size: 11px;
	font-weight: bold;
	margin: 1em auto;
	padding: 0.5em;
}

table.loginInformation td {
	padding-bottom: 0.5em;
}

td.CountrySelection {
	text-align: center;
	vertical-align: middle;
}

div.AdminReleaseDetail table,
div.HeaderInformation table,
div.OrderInformation table,
div.WorkOrderData table,
div.AddressInformation table,
div.SearchArea table,
div.EditArea table,
div.PanelSearchArea table,
div.CustomerAdministrationDetail table,
div.maintenanceDetails table,
div.ComparableNumberDetails table {
	width: 98%;
}

div.AdminReleaseDetail table tr td,
div.HeaderInformation table tr td,
div.SearchArea table tr td{
	vertical-align: middle;
}

div.HeaderInformation table tr td.PageActions {
	text-align: right;
}

div.WorkOrderData table tr td, div.OrderInformation table tr td,div.CustomerAdministrationDetail table tr td, table.RoleRightInformation tr td,
div.AdminReleaseDetail table tr td, div.maintenanceDetails table tr td{
	padding: 2px;
}

 table.RoleRightInformation table tr td  {
	padding: 0 !important;
 }
 
div.SearchArea table tr td,
div.PanelSearchArea table tr td {
	padding: 0.25em 0;
}

div.SearchArea table tr td table tr td,
div.PanelSearchArea table tr td table tr td {
	padding: 0.1em 0;
}

table.OrderTemplateHeader {
	width:100%;
}
	
div.locationCountries table, div.roleRights table {
	margin:20px 0;
	width:90%;
}

table.RightsList, div.CatalogueInformation table {
	width:100%;
	}

	
div.locationCountries table td#catalogueCountries,div.roleRights table td#roleRights {
	text-align:right;
}

div.locationCountries table td#selection,div.roleRights table td#selection  {
	vertical-align:middle;
}

table.SearchFields {
	width:49%;
	}
	
table.WorkOrderTabRelease {
    width:100%;
}
    
table.ShipTypeList tr td,
table.RightsList tr td {
	padding: 2px 0;
	width: 50%;
}

.NoWrap {
	white-space: nowrap;
}


/* 10. Form elements */

.tableCompanyInformation select {
	width: 98% !Important;
	}
	
input.maxplus, select.maxplus {
	width: 100%;
}
input.max {
	width: 95%;
}
select.max {
	width: 98%;
}
textarea.max {
	width: 95%;
	height: 5em;
}

select.Language {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

input.readonly {
	color: #000000;
	background-color: #E0DFE3 !important;
}

input.VendorNumber {
	width: 50px;
	text-align: right;
}

select.maxWidth {
	width: 99%;
}

input.maxWidth {
	width: 99%;
}

input.AssemblyGroupName {
	width: 90%;
}

select optgroup {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	background-color: #274395;
}

select optgroup option {
	color: #000000;
	padding: 0px 0px 0px 15px;
	background-color: #FFFFFF;
}


input.dummyButton {
    display:none;
}

a.Button,
input.Button {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding: 3px 15px;
	font-weight: bold;
	border: 2px solid #A9ACB0;
	background-color: #274395;
	margin: 0;
}

a.Button {
	font-family: Arial,Verdana,Tahoma;
	font-size: 11px;
	padding: 3px 15px 5px 15px !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	background-color: #274395;
}
a.Button:hover,
input.Button:hover {
	cursor: pointer;
	border: 2px solid #000000;
}

a.ButtonOK,
input.ButtonOK {
	/*min-width: 100px;*/
	padding: 3px 5px !important;
	background-color: #339933;
}
a.ButtonOK:hover,
input.ButtonOK:hover {
	background-color: #008000;
}

a.ButtonCancel,
input.ButtonCancel {
	min-width: 100px;
	background-color: #E24C4C;
}
a.ButtonCancel:hover,
input.ButtonCancel:hover {
	background-color: #DD2F2F;
}

a.ButtonDisabled,
input.ButtonDisabled {
	color: #808080;
	background-color: #F1F1F1;
}
a.ButtonDisabled:hover,
input.ButtonDisabled:hover {
	border: 2px solid #A9ACB0;
	background-color: #F1F1F1;
}


input.CloseButton
{
	bottom:20px;
	position:absolute;
	right:5%;
}

input.DefaultTextBox {
	width: 175px;
}

input.Search {
	padding-left: 25px;
	background-image: url('Images/search.png');
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

input.maxWidthFix {
	display: block;
}

input.searchField {
	width: 180px;
}

table.SearchFields input.date {
	width: 80px;
	}

input.Amount{
	width: 35px;
	text-align: right;
}

input.Numeric {
	text-align: right;
}

input.ZipCode {
	width: 60px;
}

input.AddressInformationField {
	width: 100px;
}

select.CountrySelection {
	width: 150px;
}

input.EditButton {
	float:left;
}

input.Date {
	width: 75px;
}

input.Calendar {
	width: 60px !important;
	cursor: pointer;
	padding-left: 25px;
	padding-right: 10px;
	margin-right: 2px;
	text-align: right;
	background-image: url('Images/Calendar.gif');
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

input.Calendar:hover {
	cursor: pointer;
}

input.DeliveryDate,
input.SellerArticleNumber,
input.VehicleSerialNumber{
	width: 72px;
}

input.OrderNumber{
	min-width: 100px;
}

 select.OrderNumber{
	min-width: 130px;
}

select.Languages {
	width: 95%;
}

textarea.InformationText {
	width: 99%;
	height: 150px;
}

textarea.PopUpText {
	width: 99%;
	height: 150px;
}

textarea.ComparableNumber {
	width: 99%;
	height: 100px;
}

td#stayLoggedIn input {
	margin-right: 0.5em;
	vertical-align: middle;
}

div.CRSPopUp span.SearchLabel,
div.SearchArea label.SearchLabel,
div.SearchArea span.SearchLabel {
	font-weight: bold;
	vertical-align: middle;
}

div.SearchArea input.SearchText {
	width: 200px;
}

div.SearchArea select.SearchDropDown {
	width: 205px;
}

table.CheckBoxList,
table.RadioButtonList {
	width: 100%;
	border: 0;
	border-collapse: separate;
}

table.GridView table.CheckBoxList tr td,
table.GridView table.RadioButtonList tr td {
	padding: 0px;
	border: none !important;
	white-space: nowrap;
}

table.CheckBoxListMerkmale,
table.RadioButtonListMerkmale {
    border-spacing: 10px 5px;
}

table.CheckBoxList tr td,
table.RadioButtonList tr td {
	
}

table.CheckBoxList tr td label,
table.RadioButtonList tr td label {
	padding-left: 5px;
}

table.RadioButtonListMerkmale tr td {
	padding: 2px;
}

table.CheckBoxListMerkmale tr td {
	padding: 2px;
	text-align: center;
	border: 1px solid #000000;
	background-color: #F1F1F1;
}

table.CheckBoxListMerkmale tr td label,
table.RadioButtonListMerkmale tr td label {
	padding-left: 5px;
}

table.CheckBoxListMerkmale tr td label {
	display: block;
}

span.CheckBox input {
	margin-right: 5px;
}

div.RoleRightInformation label, div.CatalogueInformation label{
	margin-left:5px;
}

table.cbl1Columns,
table.rbl1Columns {
	width: 25%;
}

table.cbl2Columns,
table.rbl2Columns {
	width: 50%;
}

table.cbl3Columns,
table.rbl3Columns {
	width: 75%;
}

table.cbl4Columns,
table.rbl4Columns {
	width: 100%;
}

table#ReturnAddress td
{
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
}



table.cbl4Columns td,
table.rbl4Columns td {
	width: 25%;
}

span.RadioButtonList {
	display: block;
}

span.CheckBoxList label,
span.RadioButtonList label {
	padding-left: 5px;
	margin-right: 15px;
}


/*
fieldset {
	padding: 5px 10px;
	border:none;
	border: 1px solid #274395; 
}


fieldset legend {
	margin-bottom: 5px;
	padding: 0 50px 0 5px;
	font-weight: bold;
	border: 1px solid #274395;
	background-color: #F1F1F1;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #BFBFC1;
}

fieldset.RepairVehiclePosition {
	width: 65%;
	float: left;
}


fieldset.MaintenancePosition {
	border:none !important;
}

fieldset.MaintenancePosition input {
	width: 90px;
} 

fieldset.RepairRemark {
	margin-left: 70%
}

fieldset textarea {
	width: 100%;
	height: 75px;
}
*/

div.OrderNotes textarea
{
	height: 3em;
	width: 99%;
}

div.RepairRemark textarea
{
	height: 4em;
	width: 99%;
}
/*
table.OrderInformation input[type=text],
div.CustomerAdministrationDetail table input[type=text],
div.CustomerAdministrationDetail table input[type=password],
div.ComparableNumberDetails table input[type=text]{
	width:96%;
}

div.ComparableNumberDetails textarea{
	width:96%;
}

table.AddressInformation input[type=text] {
	width: 190px;
}

table.OrderTemplateHeader input[type=text],
table.OrderTemplateHeader select {
	width: 250px;
}

table.OrderInformation select, 
div.CustomerAdministrationDetail table select,
div.ComparableNumberDetails select  {
	width:99%;
}

table.OrderInformation input.date {
	width: 88% !important;
}
*/
span.radioList label {
	margin: 0 15px 0 2px;
}

div.UserRegistration table {
	width: 100%;
}

div.UserRegistration table td.rowHeader {
	font-weight: bold;
	text-align: right;
	width: 50%;
}

div.UserRegistration table td.rowData {
	padding-left: 5px;
	text-align: left;
	width: 50%;
}

div.UserRegistration table td {
	height: 23px;	
}

div.UserRegistration .inValid {
	border: 2px solid #FF0000;
}

div.UserRegistration .UserInformation {
	float: left;
	width: 99%;
}

div.UserRegistration .CompanyInformation {
	float: right;
	width: 99%;
}

div.UserRegistration .ContactInformation {
	float: left;
	width: 99%;
}

div.UserRegistration .RoadAccountInformation {
	float: right;
	width: 99%;
}

div.UserRegistration .MailInformation {
	float: left;
	width: 99%;
}

td#allCountries select, td#catalogueCountries select,td#allRights select, td#roleRights select {
	width:300px;
	min-width:150px;
	height:200px;
}

span.rblGarageCatalogTopicDeleted input {
	margin-left: 15px;
}

span.rblGarageCatalogTopicDeleted label {
	margin-left: 5px;
}

/* 11. Other html elements */
.taCenter {
	text-align: center;
}



/* 12. MessageList styles */
div.messages {
	margin-bottom: 10px;
}

div.messages ul {
	list-style-type: none;
	padding: 10px;
}

div.messages ul li  {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 0%;	
}

div.messagesScroll {
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	/*width: 990px;*/
	width: 1010px;
	margin: 0 auto;
}

div.messagesScroll div.messagesInner {
	margin: 0 0 0 175px;
	background-color: #FFFFFF;
	padding: 5px;
}

div.messages div.messagesInnerFrame {
	border: 2px solid #000000;
}

div.messagesScroll div.CloseButton {
	text-align: right;
	position: absolute;
	right: 15px;
	padding-top: 3px;
}

div.messagesScroll div.CloseButton a {
	padding: 10px;
	background-image: url('Images/error.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
}
	
ul.errors {
	background-color: #FFD5D5;
}	
ul.errors li {
	color: #000000;
	background-image: url('Images/error.png');
}

ul.warnings {
	background-color: #FFFACD;
}
ul.warnings li {
	color: #000000;
	background-image: url('Images/warning_small.png');
}

ul.infos {
	background-color: #CDEFA6;
}
ul.infos li {
	color: #000000;
	background-image: url('Images/success.png');
}



/* 13. Gridview styles */
div.divGridView {
	margin-bottom: 15px;
	font-size: 11px;
}


div.shoppingCartPositions {
	clear:both;
}

div.divGridView div.RowInformation {
	margin-bottom: 5px;
}

div.divGridView div.RowInformation div.PageRows {
	width: 45%;
	float: left;
}

.PageRows label {
	padding: 0 10px 0 3px;
}

div.divGridView div.RowInformation div.RecordCount {
	text-align: right;
}

table.GridView {
	width: 100% !important;
	border: 1px solid #BFBFC1;
}

table.GridView tr th {
	color: #FFFFFF;
	padding: 2px 1px;
	text-align: center;
	border-left: 1px solid #BFBFC1;
	border-bottom: 1px solid #BFBFC1;
	background-color: #274395;
}

table.GridView tr td.matrixView {
	color: #FFFFFF;
	padding: 0.2em;
	text-align:left;
	border-left: 1px solid #BFBFC1;
	background-color: #274395;
	border-top: 1px solid #BFBFC1;
	font-weight:bold;
}

table.GridView tr th.EditColumn {
	width:45px;
}

table.GridView tr.footerRow td {
	color: #FFFFFF;
	padding: 0.4em;
	border-left: 1px solid #BFBFC1;
	background-color: #274395;
	font-weight: bold;
}

table.GridView tr th a {
	color: #FFFFFF;	
	text-decoration: none;
}

table.GridView tr th img {
	margin: 0 0 0 0.3em;
	vertical-align: middle;
}

table.GridView tr td {
	padding: 2px 1px;
	border-bottom: dotted 1px #BFBFC1;
	background-color: #F1F1F1;
}

table.GridView tr.GridViewRowStyle td {
	
}

table.GridView tr.GridViewAlternatingRowStyle td {
	background-color: #F5F5F5;
}

table.GridView tr.GridViewFooterStyle td {
	
}

table.GridView tr td.GridViewEmptyDataRowStyle,
table.GWATable tr td.EmptyDataRowStyle {
	color: #B2101D;
	padding: 0.5em;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

table.GridView tr td.colImage {
	width: 30px;
	text-align: center;
}

table.GridView tr td.colPositions {
	white-space: nowrap;
}


table.GridView tr th.colLanguage,
table.GridView tr td.colLanguage {
	width: 25px;
	text-align: center;
}

table.GridView tr th.colDetailArrow,
table.GridView tr td.colDetailArrow {
	width: 20px;
	text-align: center;
}

table.GridView tr th.colDelete,
table.GridView tr td.colDelete {
	width: 20px;
	text-align: center;
}

table.GridView tr th.colIndex,
table.GridView tr td.colIndex {
	width: 25px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

table.GridView tr th.colAmount,
table.GridView tr td.colAmount {
	width: 75px;
}

table.GridView tr th.colAmountWithCurrency,
table.GridView tr td.colAmountWithCurrency  {
	width: 75px;
}

table.GridView tr th.colQuantity,
table.GridView tr td.colQuantity  {
	width: 50px;
}

table.GridView tr td.colAmount,
table.GridView tr td.colQuantity {
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}

table.GridView tr th.colDescription,
table.GridView tr td.colDescription  {
	width: 300px;
}

table.GridView tr th.colGarageNumber,
table.GridView tr td.colGarageNumber {
	width: 75px;
	padding-right: 10px;
	text-align: right;
}

table.GridView tr th.colTaskDescription,
table.GridView tr td.colTaskDescription {
	width: 200px;
}

table.GridView tr th.colFileSize,
table.GridView tr td.colFileSize {
	width: 150px;
	text-align: right;
}

table.GridView tr td.colDescription input  {
	width: 98%;
}

table.GridView tr td.colMileAge  {
	padding-right: 2px;
	text-align: right;
}


table.GridView tr th.colCurrency,
table.GridView tr th.colCurrency input,
table.GridView tr td.colCurrency,
table.GridView tr td.colCurrency input 
{
	width: 50px;
	text-align: right;
}

td.colCategory table td {
	border: 0;
}

td.colCategory table td label{
	padding-left: 3px;
}


table.GridView tr th.colDate,
table.GridView tr th.colDate input,
table.GridView tr td.colDate,
table.GridView tr td.colDate input,
table.GridView tr th.colFileSize,
table.GridView tr th.colFileSize input,
table.GridView tr td.colFileSize,
table.GridView tr td.colFileSize input 
table.GridView tr th.colNumbers,
table.GridView tr th.colNumbers input,
table.GridView tr td.colNumbers,
table.GridView tr td.colNumbers input 
{
	width: 68px;
	text-align: right;
}

table.GridView tr td.colDebitorKreditor,
table.GridView tr td.colDebitorKreditor input 
{
	width: 75px;
	text-align: right;
}

table.GridView tr td.colLongDate  {
	width: 125px;
}

table.GridView tr td.colUserName  {
	width: 150px;
}

table.GridView tr th.colPDF,
table.GridView tr td.colPDF {
	width: 25px;
	text-align: center;
}

table.GridView tr th.colNoDate,
table.GridView tr td.colNoDate {
	width: 100px;
	text-align: center;
}

table.GridView tr th.colDropDownRepairs,
table.GridView tr td.colDropDownRepairs,
table.GridView tr th.colDropDownDocumentTypes,
table.GridView tr td.colDropDownDocumentTypes,
table.GridView tr th.colDropDownDocuments,
table.GridView tr td.colDropDownDocuments,
table.GridView tr th.colExecutionProceeding,
table.GridView tr td.colExecutionProceeding,
table.GridView tr th.colArticleNumber,
table.GridView tr td.colArticleNumber {
	width: 150px;
}

table.GridView tr th.colArticleDescription,
table.GridView tr td.colArticleDescription {
	width: 175px;
}



table.GridView tr td.colCheckBox  {
	width: 50px;
	text-align: center;
}


table.GridView tr th.colSmall,
table.GridView tr td.colSmall {
	width: 100px;
}

table.GridView tr td.colAmount input,
table.GridView tr td.colCurrency input {
	width: 50px;
	text-align: right;
}

table.GridView tr td.colAmountWithCurrency input {
	width: 75px;
	text-align: right;
}

table.GridView th td.colSerialNo,
table.GridView tr td.colSerialNo,
table.GridView th td.colContractNo,
table.GridView tr td.colContractNo,
table.GridView th td.colCustVehicleNo,
table.GridView tr td.colCustVehicleNo {
	text-align: right;
}

table.GridView tr th.colVehicleTestingOrganization,
table.GridView tr td.colVehicleTestingOrganization {
	/*width: 100px;*/
}

table.GridView tr th.taRight,
table.GridView tr td.taRight {
	text-align: right;
}

table.GridView tr.RowError td,
table.GridView tr td.RowError {
	/*background-color: #FFA0A0;
	background-color: #C05050;*/
}

table.GridView tr.RowSaved td,
table.GridView tr td.RowSaved {
	/*background-color: #A0FFA0;
	background-color: #50C050;*/
}

table.GridView tr td.RowError input.InputError {
	background-color: #FF0000;
}

table.GridView tr.pagerLine {
	height: 2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	border-top: dotted 1px #BFBFC1;
}

table.GridView tr.pagerLine td {
	border-bottom: none;
	background-color: #FFFFFF;
}

.MultiLineTextBox{
	height: 100px;
}


tr.MarkedRow,
tr.MarkedRow td {
	background-color: #CCCCCC !important;
}

/*
div.pagerLine
{
	background-color: #e4e8ec;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	border-bottom: 0.5em solid #ffffff;
}*/


/* TabStyle */
.TabStyle .ajax__tab_header {
	margin-top: 15px;
}

.TabStyle .ajax__tab_header span.ajax__tab_outer {
	color: #000000;
	font-weight: bold;
	margin: 0 0.5em;
	border: 1px solid #8B8B8B;
	border-bottom: 0;
	background-color: #E5E5E5;
	letter-spacing: 1px;
}

.TabStyle .ajax__tab_header span.ajax__tab_tab {
	padding: 0.75em 1.5em;
}

.TabStyle .ajax__tab_header span.ajax__tab_active span.ajax__tab_outer {
	border: 1px solid #8B8B8B;
	border-bottom: 0;
	color: #FFFFFF;
	background-color: #274395;
}

.TabStyle .ajax__tab_header span.ajax__tab_hover span.ajax__tab_outer {
	border: 1px solid #8B8B8B;
	border-bottom: 0;
	color: #FFFFFF;
	background-color: #274395;
}

.TabStyle .ajax__tab_panel {
	padding: 15px 0;
	border-top: 1px solid #8B8B8B;
}



/* Modal Popup Elements */
.modalPopup {
	padding: 1.5em;
	text-align: center;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	position: fixed;
	z-index: 100001 !important;
	top: 30%;
	margin: 0 auto;
	/*overflow: scroll; Finger weg!!!*/
}
.SelectOrderTemplate{
	width:350px;
}

.TermsAndConditionsModalPopup {
	width:400px;
	text-align:left;
}

.ECRSendModalPopup {
	width:400px;
}

.modalBackground {
	background-color: #808080;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ModalPopupHeader {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

.ModalPopupContent {
	
}

.ModalPopupFooter {
	margin-top: 1em;
}


/* VehicleData 
div.VehicleData table,
div.WorkOrderHeader table,
div.WorkOrderData table {
	width: 100%;
}

div.VehicleData table tr td.rowHeader,
div.WorkOrderHeader table tr td.rowHeader,
div.WorkOrderData table tr td.rowHeader {
	font-weight: bold;
}

div.VehicleData table tr td.rowData,
div.WorkOrderHeader table tr td.rowData,
div.WorkOrderData table tr td.rowData {
	padding-left: 2px;
}

div.VehicleData table tr td.rowSpacerVertical,
div.WorkOrderHeader table tr td.rowSpacerVertical,
div.WorkOrderData table tr td.rowSpacerVertical {
	
}*/

table tr td.rowSpacerHorizontal {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
	border-top: 1px dotted #BFBFC1;
}

/* Document DropDown */
div.DocumentDropDown {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

div.DocumentDropDown table {
	width: 100%;
}

div.DocumentDropDown table tr td.GroupHeader {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	background-color: #274396;
}

/* News */
div.NewsAdministration table,
div.NewsAdministrationDetail table {
	width: 100%;
}


div.NewsBox {
	margin-bottom: 2em;
}

div.NewsBox h2 {
	padding: 0;
}

div.NewsBox .NewNews {
	color: #FFFFFF;
	padding: 2px 50px 2px 10px;
	margin-right: 10px;
	background-color: #B2101D;
}


div.Directories {
	/*height: 100%;*/
	border: 1px solid #525254;
	background-color: #F1F1F1;
}

div.Directories  div.DirectoriesMinHeightFix {
	height: 350px;
	float: left;
}

div.Files {
	margin-left: 31%;
}

input.FileUpload {
	margin-right: 5px;
}

.SelectedDownloadFolder {
	color: #B2101D;
	font-weight: bold;
}

.ViewFlash {
	margin-right: 5px;
}

span.NoDocument,
span.SearchHint {
	color: #FF0000;
	padding-left: 22px;
	background-image: url('Images/warning_small.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

table.GridView tr td span.rowIndex {
	display: block;
	padding-left: 22px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

table.GridView tr td span.rowIndexText {
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
}

table.GridView tr.RowError td span.rowIndex {
	background-image: url('Images/error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

table.GridView tr.RowWarning td span.rowIndex {
	background-image: url('Images/warning_small.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

table.GridView tr.RowSaved td span.rowIndex {
	background-image: url('Images/success.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

tr.BeginOfNewItems td {
	border-top: 15px solid #274395 !important;
}

.GarageCatalogueName {
	font-style: italic;
}

.GarageRemarkRequired {
	color: #E2AE4B;
	padding-left: 20px;
	background-image: url('Images/warning_small.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.BackButton {
	display: block;
	margin: 20px 0 10px 0;
	padding-left: 13px;
	font-weight: bold;
	background-image: url('Images/ForwardArrow.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	clear: both;
}

.BackButton a {
	font-style: italic;
}
	
.additionalInformation {
	color: #B2101D;
	font-style: italic;
}


td.Amount {
	text-align: right;
	white-space: nowrap;
	letter-spacing: 0.5px;
}

td.TotalAmount {
	border-top: 3px double #000000;
} 

td.SumTotal {
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}

div.GWATotalSums {
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	font-size: 15px;
}

tr.SumHeader td {
	font-weight: normal !important;
	font-size: 12px;
	font-style: italic;
	text-align: right !important;
}

tr.SmallSums td {
	font-weight: normal !important;
	font-size: 12px;
}

input.TextBox {
	width: 98%;
}


div.CustomDropDown {
	width: 100%;
}

div.CustomDropDown div.ItemSelection {
	border: 1px solid #BFBFBF; 
	background-color: #FFFFFF;
	padding-left: 2px;
}

div.CustomDropDown div.ItemSelection {
	overflow: hidden;
}

div.CustomDropDown div.ItemSelection a {
	text-decoration: none;
}

div.CustomDropDown div.ItemSelection span.ItemSelectionList {
	display: block;
	width: 85%;
	overflow: hidden;
	color: #0C4DA2;
	white-space: nowrap;
}

div.CustomDropDown div.ItemSelection a.ItemSelectionArrow {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: right;
	margin: 2px;
	margin-right: 1px;
	background-image: url('Images/CustomDropDownArrow.gif');
	background-repeat: no-repeat;
	background-position: -1px -1px;
	text-decoration: none;
}

div.CustomDropDown div.ItemSelection a.ItemSelectionArrow:hover {
	background-position: 0 -16px;
}

div.CustomDropDown div.ItemsSelectableWrapper {
	position: absolute !important;
	display: none;
	height: 150px;
	overflow: auto;
}

div.CustomDropDown div.ItemsSelectable {
	border: 1px solid #BFBFBF;
	background-color: #FFFFFF;
	padding: 5px;
}

div.CustomDropDown div.ItemsSelectable a {
	display: block;
	margin: 1px 0px;
	padding: 2px 2px 2px 22px;
	text-decoration: none;
	background-image: url('Images/RadioButtons.gif');
	background-position: 0 -20px;
	background-repeat: no-repeat;
	white-space: nowrap;
}

div.CustomDropDown div.ItemsSelectable a:hover {
	color: #FFFFFF;
	background-color: #3F64CD;
	background-position: 0 0;
}

div.CustomDropDown div.ItemsSelectable a.ItemSelected {
	color: #FFFFFF;
	background-color: #3F64CD;
	background-position: 0 0;
}

div.CustomDropDown div.NewFileWrapper {
	margin-top: 10px;
	border-top: 1px solid #BFBFBF;
	padding-top: 10px;
	white-space: nowrap;
}

div.CustomDropDown input.DeleteNewFile {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 3px;
	background-image: url('Images/Delete.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 0;
}

table.ReleaseLogicTests, table.RejectedReleaseLogicTests {
	width: 50% !important;
	border: 1px solid #BFBFC1;
}

table.ReleaseLogicTests tr td {
	padding: 2px;
	border-bottom: dotted 1px #BFBFC1;
	/*background-color: #ECECEC;*/
	background-color: #F1F1F1;
}

table.RejectedReleaseLogicTests tr td {
	padding: 2px;
	border-bottom: dotted 1px #BFBFC1;
	/*background-color: #ECECEC;*/
	background-color: #BFBFC1;
}

div#WorkOrderHeader table tr td {
	vertical-align: middle;
}

div#WorkOrderHeader table tr td.ImgWorkOrderState {
	padding: 2px;
	text-align: center;
}

div.GarageCatalogueCancelButton {
	text-align: right;
}

table.AdminReleaseStatus {
	width: 100%;
	background-color: #ffff99;
}

table.AdminGlobalReleaseStatus {
	width: 100%;
}

table.AdminReleaseStatus, table.AdminGlobalReleaseStatus tr td {
	padding: 0px 0px 3px 3px;
	vertical-align: top;
}

td.Accounts {
	text-align: right;
}

td.WageCostAdditionalText{
	text-align: right;
}

table.maintenanceDetail {
	width: 100%;
}

table.maintenanceDetail tr td.colInput {
	width: 75px;
	padding-right: 25px;
}

table.maintenanceDetail tr td.colInput input {
	text-align: right;
	width: 95%;
}

table.maintenanceDetail tr td.colInput select {
	width: 100%;
}

table.maintenanceDetailTires  {
	border: 1px solid #8B8B8B;
	margin-bottom: 25px;
}

table.maintenanceDetailTires tr th {
	color: #000000;
	font-weight: bold;
	background-color: #E5E5E5;
	border-bottom: 1px solid #8B8B8B;
}



/* Einkommentieren wenn schöne PopUps :) */
.CRSPopUp {
    top: 100px;
	width: 750px;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	margin-left: 25px;
	position: fixed; 
	z-index: 100001;
}

.CRSPopUp div {
	margin: 0;
}

.CRSPopUp div.Header,
.CRSPopUp div.Footer  {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0.75em;
}

.CRSPopUp div.Header {
	font-size: 1.25em;
	border-bottom: 1px solid #808080;
	background-color: #274395;
}

.CRSPopUp div.Body {
	text-align: left !important;
	padding: 2em;
}

.CRSPopUp div.ScrollableBody {
	/*width: 900px !important;*/
	height: 300px;
	overflow: scroll;
}

.CRSPopUp div.Body .Question {
	font-weight: bold;
}

.CRSPopUp div.Footer {
	text-align: right;
	border-top: 1px solid #808080;
	background-color: #E5E5E5;
}

.modernPopUp {
	width: 50%;
}


.CRSPopUp div.Header div.minWidthFix {
	font-size: 1px;
	line-height: 1px;
	width: 550px;
	overflow: hidden;
}
/*
.modalPopup div.Footer input {
	margin: 0 10px;
}*/

.ajax__calendar,
.ajax__calendar td {
	font-weight: normal !important;
	padding: 0 !important;
}

.ajax__calendar div.ajax__calendar_container,
.ajax__calendar div.ajax__calendar_body 
{
	width: 180px !important;

}

.ajax__calendar_container TABLE,
.ajax__calendar_container TABLE tr,
.ajax__calendar_container TABLE td {
	background-color: #FFFFFF !important;	
	color: #000000 !important;
}



a.ToggleArticleComponents {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: "Lucida Console";
}

tr.RowArticleComponent td {
	background-color: #FFFFFF;
}

span.ArticleComponentPath {
	white-space: nowrap;
}

span.ArticleComponentPath img {
	vertical-align: top;
}

span.SellerArticleNumber {
	margin: 0px 5px;
}

td.colTreeview {
	white-space: nowrap;
}


input.loading {
	background-image: url('Images/loadingSmall.gif');
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

.BlockLabel {
	display: block;
	background-color: #FF0000;
}

input.FakeLabel {
	border: none;
	background-color: Transparent;
	padding: 0;
	margin: 0;
}

.AmountIsEqual {
	color: #000000;
	font-weight: normal;
	background-color: #66CC66;
}

.AmountIsGreater {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
}

.AmountIsLess {
	color: #000000;
	font-weight: normal;
	background-color: #79A6F4;
}

div.ButtonsLeft {
	float: left;
}

div.ButtonsRight {
	text-align: right;
}


/* ***** ***** GWA ***** ***** */
h1.GWATitle {
	padding: 10px !important;
	font-size: 16px !important;
	border: 2px solid #525254;
	color: #000000;
}

span.SubsequentApplication {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	/*border: 2px solid #000000;
	background-color: #EED6D6;*/
}

table.GWATable {
	width: 100%;
	border: 1px solid #000000;
}

table.WageRates {
	width: 30%;
}

table.GWATable thead tr th,
table.GWATable tfoot tr.FooterRow td {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 1px 2px;
	vertical-align: middle;
	background-color: #C0C0C0;
	background-color: #274395;
	border: 1px solid #BFBFC1;
	white-space: nowrap;
}

table.WarrantyData thead tr th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

table.GWATable tfoot tr.FooterRow td {
	text-align: left;
}

table.GWATable tbody tr td,
table.GWATable tfoot tr.BeginOfNewItems td {
	font-size: 9pt;
	padding: 1px 2px;
	border: 1px solid #BFBFC1;
	background-color: #F1F1F1;
}

table.GWATable tbody tr td.PartyHeader {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	background-color: Transparent;
}

table.WageRates tbody tr td {
	padding: 1px 5px;
}

table.GWATable td.Amount {
	text-align: right !important;
}

table.GWATable td.Amount input {
	width: 75%;
	text-align: right;
	margin-right: 1px;
}

table.GWATable td.NoWrap {
	white-space: nowrap;
}

table.GWATable td.Center {
	text-align: center;
}

table.GWATable td.rowSpacer {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
}

table.GWATable .GWAEditable {
	color: #FFFFFF !important;
	background-color: #274395 !important;
}

table.GWATable .NoBorder {
	border-top: 1px solid #969696 !important;
}

table.GWATable .GWAEditable input {
	border: 1px solid #000000;
	padding: 1px 2px 0px 2px;
	background-color: #FFFFFF ;
}

table.WarrantyData tbody tr td {
	padding: 2px;
}

div.WorkOrderSection {
	margin-top: 35px;
	margin-bottom: 5px;
}
div.Warranty_PartyInformation {
	border-bottom: 1px solid #000000;
}

span.Block {
	display: block;
}

span.Date {
	white-space: nowrap;
}

span.Remark {
	font-style: italic;
}

span.MaterialExecutionProceedingHeader,
span.MaterialReturnAddressesHeader,
span.RemarksHeader {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

span.RemarksHeader {
	text-align: left;
}

div.ApplicationRemark {
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #000000;
}

div.ApplicationRemark div.AssociatedRepair {
	width: 50%;
	float: left;
}

div.ApplicationRemark div.DeleteRemark {
	margin-left: 52%;
	text-align: right;
}

table.WorkOrderHeader,
table.WorkOrderHeader th,
table.WorkOrderHeader td {
	border: none !important;
	background-color: #FFFFFF !important;
}

table.NoBorder,
table.NoBorder th,
table.NoBorder td,
tr.NoBorder,
tr.NoBorder td {
	border: none !important;
}

tr.NoBorderTop,
tr.NoBorderTop td {
	border-top: none !important;
}

tr.NoBorderBottom,
tr.NoBorderBottom td {
	border-bottom: none !important;
}

tr td.NoBorderLeft {
	border-left: none !important;
}

tr td.NoBorderRight {
	border-right: none !important;
}

tr.rowRepair,
tr.rowRepair td,
tr.rowRepairMaterial,
tr.rowRepairMaterial td {
	border-top: 1px solid #000000 !important;
	border-bottom: none !important;
}

tr.rowRepairStep,
tr.rowRepairStep td,
tr.rowMaterial,
tr.rowMaterial td {
	border-top: 1px solid #C0C0C0 !important;
	border-bottom: none !important;
	background-color: #FFFFFF !important;
}

tr.rowMaterial td,
tr.rowMaterial td span {
	font-weight: normal !important;
}

tr.AddtionalRepairStep,
tr.AddtionalRepairStep td,
tr.ForeignArticle,
tr.ForeignArticle td {
	border-top: 1px solid #C0C0C0 !important;
	border-bottom: none !important;
	background-color: #FFFFD0 !important;
}

tr.rowRepairStep td.GWAEditable, 
tr.rowMaterial td.GWAEditable,
tr.ForeignArticle td.GWAEditable {
	border-top: 1px solid #274395 !important;
}

tr.ShopMaterialWithDifferentPrices,
tr.ShopMaterialWithDifferentPrices td {
	border-top: 1px solid #C0C0C0 !important;
	border-bottom: none !important;
	background-color: #FFFFD0 !important;
}

input.GWAInput,
textarea.GWAInput,
select.GWAInput {
	background-color: #FFFFFF;
	border: 1px solid #BFBFBF;
}

select.GWAInput option {
	padding-right: 5px;
}

input.GWASaveButton {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}

span.CombinedOperations,
span.NoCombinedOperations {
	padding-right: 11px;
	background-position: 100% 0px;
	background-repeat: no-repeat;
}

span.CombinedOperations {
	background-image: url('Images/combined.gif');
}

span.ApplicationDecision label,
span.MaterialExecutionProceeding label {
	font-size: 12px;
	padding: 2px 15px 2px 5px;
	line-height: 25px;
}

span.BlockRadioInput {
	display: block;
}

.Bold {
	font-weight: bold;
}

a.Expand,
a.Collapse {
	padding-left: 20px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

a.Expand {
	background-image: url('Images/treeview/0000_expand.gif');
}

a.Collapse {
	background-image: url('Images/treeview/0000_collapse.gif');
}

ul.RepairMaterialList {
	
}

ul.RepairMaterialList li {
	margin-left: 15px;
}

div.ArticleCategory {
	float: left;
	width: 33%;
	height: 200px;
	text-align: center;
}
div.ArticleCategory img {
	width:150px;
	height:150px;
}

div.ArticleCategory span {
	display:block;
	text-align:center;
}

div.cxTabStyle a, 
div.cxTabStyle span
	{
		display:block;
		float:left;
		border:1px solid #8B8B8B;
		border-bottom: none;
		padding: 10px 15px;
		margin: 0px 15px;
		font-weight: bold;
		color: #000000;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 18px;
		background-color: #ECECEC;
		text-decoration: none;
	}
	
div.cxTabStyle a:hover, 
div.cxTabStyle span,
div.cxTabStyle a.Active
	{
		background-color: #274395;
		cursor: pointer;
		color: #FFFFFF;
	}


span.rbl4Columns span {
	display: block;
	width: 25%;
	float: left;
}

span.rbl4Columns span span {
	width: 100%;
}

span.rbl4Columns span input {
	margin: 5px;
}

a.ArticleImage{
	display:block;
	height:16px;
	width:16px;
	background-image:url('Images/picture.png');
	background-position:50% 50%;
	background-repeat:no-repeat ;
	text-decoration:none;
}

div.GWAButtons {
	padding-top: 5px;
	text-align: right;
}

div.GWAButtons input {
	color: #274396;
	font-weight: bold;
	padding: 3px 2px;
	border: 1px solid #000000;
	background-color: #C0C0C0;
}

div.GWAButtons input:hover {
	cursor: pointer;
}

div.GWAButtons input.Add {
	padding-left: 20px;
	background-image: url('Images/Add.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

span.ApplicationSubHeader {
	color: #FFFFFF;
	display: block;
	width: 99%;
	padding: 2px 5px;
	font-weight: bold;
	background-color: #274395;
}

div.ArticleCategory {
	float: left;
	width: 33%;
	height: 200px;
	text-align: center;
}
div.ArticleCategory img {
	width:150px;
	height:150px;
}

div.ArticleCategory span {
	display:block;
	text-align:center;
}

div.cxTabStyle
{
	border-bottom:1px solid #8B8B8B;
	margin-bottom: 10px;
}

div.cxTabStyle a, 
div.cxTabStyle span
	{
		display:block;
		float:left;
		border:1px solid #8B8B8B;
		border-bottom: none;
		padding: 10px 15px;
		margin: 0px 15px;
		font-weight: bold;
		color: #000000;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 18px;
		background-color: #ECECEC;
		text-decoration: none;
	}
	
div.cxTabStyle a:hover, 
div.cxTabStyle span
	{
		background-color: #274395;
		cursor: pointer;
		color: #FFFFFF;
	}


span.rbl4Columns span {
	display: block;
	width: 25%;
	float: left;
}

span.rbl4Columns span span {
	width: 100%;
}

span.rbl4Columns span input {
	margin: 5px;
}

a.ArticleImage{
	display:block;
	height:16px;
	width:16px;
	background-image:url('Images/picture.png');
	background-position:50% 50%;
	background-repeat:no-repeat ;
	text-decoration:none;
}

div.CRSLookUp {
	
}

div.CRSLookUp a {
	display: block;
	width: 95%;
	height: 16px;
	overflow: hidden;
	padding: 0px 1px 1px 2px;
	border: 1px solid #274395;
	background-color: #FFFFFF;
	text-align: left !important;
	text-decoration: none;
}

div.DropDownSelectableItems input {
	float: left;
	display: block;
	margin-top: 2px;
}

div.DropDownSelectableItems label {
	display: block;
	margin-left: 20px;
}

div.DropDownSelectableItems hr {
	margin: 5px 0px;
	border: 1px solid #D5EDDE;
	background-color: #D5EDDE;
}

td.ControlsNotVisible * {
	display: none;
}

input.Currency {
	display: block;
	width: 50px !important;
	text-align: right;
	padding-right: 12px !important;
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

span.Currency {
	display: block;
	text-align: right;
	padding-right: 12px !important;
	border: 1px solid #BFBFBF;
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

.CurrencyEuro {
	background-image: url('Images/currencies/EUR.jpg');
}

table.CellPadding tr td {
	padding: 2px 10px;
}


div.FooterPanel {
	width: 100%;
	margin: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	padding-top: 10px;
	background-color: #E1E1E3;
}

div.FooterPanelInner {
	width: 950px;
	margin: 0 auto;
	border: 2px solid #000000;
	border-bottom: none;
	background-color: #274395;
	padding: 10px 15px 5px 15px;
}



div.FooterPanel div.LeftSide {
	float: left;
	white-space: nowrap;
}

div.FooterPanel div.RightSide {
	text-align: right;
	white-space: nowrap;
}

div.FooterPanel span.Title {
	color: #F0F0F0;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}





div.FooterPanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
div.FooterPanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
div.FooterPanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html div.FooterPanel ul li a:hover{	background-color: #fff; }
html div.FooterPanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


div.FooterPanel a.home{	
	background: url(home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}

div.FooterPanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	background-color: #505050;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
div.FooterPanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

br.clearBoth {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}


/* PDF Style Fixes */
body.PDF {
	padding: 5px;
	background-color: #FFFFFF !important;
}

body.PDF thead tr th,
body.PDF tfoot tr td {
	font-size: 11px;
}

body.PDF span.Warranty_ReturnAddress {
	display: block;
	width: 200px;
}

div.DeveloperInfo {
	text-align: center; 
	background-color: #000000; 
	color: #FFFFFF; 
	font-weight: bold; 
	height: 25px;
}
div.DeveloperInfo a {
	color: #C5C5C5;
}


table.GarageCatalog {
	width: 100%;
}

table.GarageCatalog input.treeLine {
	padding: 0px;
	margin: 0px;
	border: 0px !important;
	width: 19px;
	height: 20px;
}

table.GarageCatalog input.treeLineMarginFix {
	margin: -4px !important;
}

table.GarageCatalog input.TextBox {
	border: 0;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

table.GarageCatalog input.Position {
	text-align: right;
	width: 30px;
}

table.GarageCatalog input.Name {
	width: 200px;
}

table.GarageCatalog img {
	vertical-align: top;
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
}

.DeletedGarageCatalogTopic {
	font-style: italic;
	text-decoration: line-through;
}

table.GarageCatalog tr th {
	background-color: #D0D0D0;
	border-top: 1px solid #525254;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
}

table.GarageCatalog tr {
	border-left: 1px solid #525254;
	border-right: 1px solid #525254;
}

table.GarageCatalog tr.GarageCatalogLayer_Over {
	background-color: #FFFFE7;
	border: 1px solid #525254;
}

table.GarageCatalog tr.GarageCatalogLayer_0 {
	background-color: #E5E5E5;
	border: 1px solid #525254;
}

table.GarageCatalog tr.GarageCatalogLayer_1 {
	background-color: #F0F0F0;
}

table.GarageCatalog tr.GarageCatalogLayer_2 {
	background-color: #FAFAFA;
}


a.GarageCatalog_Node {
	display: block;
	width: 100%;
}

.GarageCatalog_SelectedNode {
	background-color: #FF0000;
}

select.TreeViewDropDown {
	font-size: 12px;
	font-family: 'Lucida Console';
	white-space:pre-line;
}

.DebitorNumber {
	width: 60px;
	white-space: pre-line;
}

div.CXTabContainer {
}

div.CXTabContainer_Header {
	padding: 5px;
}

div.CXTabContainer_Header a {
	color: #000000;
	float: left;
	display: block;
	font-weight: bold;
	padding: 10px 25px;
	margin-right: 15px;
	text-decoration: none;
	background-color: #E5E5E5;
	border: 1px solid #525254;
	border-bottom: 0px;
	letter-spacing: 1px;
}

div.CXTabContainer_SmallHeader a {
	padding: 3px 10px !important;
	font-weight: normal !important;
}

div.CXTabContainer_Header a:hover,
div.CXTabContainer_Header a.active,
div.CXTabContainer_Header a.TabPanelLinkActive {
	color: #FFFFFF;
	background-color: #274396;
}

div.CXTabContainer_Body {
	clear: left;
	border: 1px solid #525254;
	background-color: #E5E5E5;
}

div.CXTabContainer_Body div.CXTabContainer_Panel,
div.CXTabContainer_Body div.CXTabContainer_Footer {
	margin: 5px;
	padding: 15px;
	border: 1px solid #8B8B8B;
}

div.CXTabContainer_Body div.CXTabContainer_Panel {
	padding: 15px;
	background-color: #FAFAFA;
}

div.CXTabContainer_Body div.CXTabContainer_Footer {
	padding: 5px 15px;
	background-color: #EAEAEA;
}

div.CXTabContainer_Body div.CXTab_BillingTasks {
	width: 1000px !important;
}

span.GarageCatalogLanguage {
	float: right !important;
	background-color: #ECECEC !important;
}

.ChangeLanguagePopUp {
	border: 1px solid #000000;
	padding: 5px;
	background-color: #CCCCCC;
}

ul.NoListStyle li {
	list-style-type: none;
}
	
a.SelectedAssemblyGroups {
	display: block;
	cursor: pointer;
}

tr.footerRow td a.SelectedAssemblyGroups {
	color: #FFFFFF;
}

div.EditArea table tr td {
	padding: 2px;
}