body
{
	font-family	: Tahoma;
	font-size	: 10pt;
	color		: #000000;
}

img
{
	border			: 0px;
	vertical-align	: middle;
}

a, a:visited, a:active
{
    color			: #000000;
    text-decoration	: none;
    cursor			: pointer;
}

a:hover
{
    color			: #000000;
    text-decoration	: underline;
    cursor			: pointer;
}

input, select, textarea, button
{ 
	border		: 1px solid #003399; 
	font-size	: 0.9em;
}

input.disabled
{
    border: 1px solid #808080;
}

input:focus 
{ 
	border	: 1px dotted #003399; 
}

.input-validation-error , input.error , textarea.error, div.error, select.error
{
	border	: 1px solid #cc0924;
	outline	: 1px solid #cc0924;
}

/*------------------Layout_Start--------------------*/

#layout_container
{
	width	: 940px;
	border	: 1px solid #000000;
	margin	: auto;
}

#layout_container #top
{
	height	: 27px;
	padding	: 2px;	
}

#title
{
	float:left;
	padding:0% 0%;
	font-weight:bold;
	font-size: 24px;
}

#LogInNameDisplay
{
	padding: 4px 0 0 0;
	font-weight: normal;
	font-size: 16px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}

#LogInNameDisplay span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

#LogInNameDisplay span:nth-child(odd) {
    text-overflow: ellipsis;
    max-width: calc(33.3% - 16px);
}

#layout_container #top #logout /* defines the logout and help menu bar */
{
	float	: right;
}

#layout_container #banner /* defines the banner */
{
	clear				: both; 
	margin-left			: 2px; 
	height				: 70px; 
	width               : 935px;
	background-image	: url('/content40/css/images/header.jpg'); 
	/* GAS header
    background-image	: url('/content40/css/images/header_GAS.jpg'); 
    */
	background-repeat	: no-repeat;	
}

span.ProductCompany /* defines the company name */
{
    color               : #0630be;
    /* GAS Firmenname
    color               : #00519A;
    */
}

span.ProductName /* defines the product name */
{
    color               : #da251d
    /* GAS Productname
    color                : Black;
    */ 
}

#layout_container #menu /* definest the menu title bar (under banner) */
{
	margin				: 2px;
	height				: 20px;
	background-repeat	: repeat-x; 
	background-image	: url(/content40/css/images/menu_bg.png);
	background-color	: #003399;
	color				: #FFFFFF;
	font-weight			: bold;
}

#layout_container #menu a:hover /* defines the menu title bar hoverstate text */
{
	color	: #E5E5E5;
}

#layout_container #content /* defines the main content area */
{
	vertical-align	: top; 
	padding-left	: 5px; 
	padding-top		: 10px; 
	padding-right	: 5px;
}

#layout_container #footer /* defines the footer */
{
	height	: 15px; 
	padding	: 2px;
	clear	: both;
}

/*--------------------Layout_End--------------------*/

/*--------------------BEGIN CSS TABS---------------*/

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #003399; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
	display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #A5A5A5; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #003399; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-image: url(/content40/css/images/menu_bg.png);
	background-color	: #003399; /* set unselected tab background color as desired */
	color: #FFFFFF; /* set unselected tab link color as desired */
	font-weight	: bold;
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background-image: url(/content40/css/images/menu_bg.png);
	background-color	: #003399; /* set desired hover color */
	color: #E5E5E5;
}

/*---------------END CSS TABS----------------------*/


/*---------------TableRow_Style_Start---------------*/

tr.header /* defines table style */
{
	background-image	: url(/content40/css/images/header_bg.png);
	background-repeat	: repeat-x;
	color				: #FFFFFF;	
	text-align			: left;
	vertical-align		: middle;
	height				: 20px;
}

tr.header td, tr.header th
{
	text-align	: left;
}

tr.hover
{
	border		: 0px solid #79b7e7; 
	background	: #d0e5f5 url(/content40/css/images/content_hover_bg.png) 50% 50% repeat-x; 
	color		: #1d5987; 
	cursor		: pointer;
}

tr.normal, td.normal /* defines table row color */
{
	background-color	: #D8ECFF;
}

tr.alternating, td.alternating /* defines table row color */
{
	background-color	: #C9E1FF;
}

tr.alternating, tr.normal
{
	cursor:pointer;
}

tr.alternating td, tr.normal td, tr.hover td
{
	border-bottom	: 1px solid #2B548A;
}

tr.part_list td, tr.part_list th
{
	border-bottom:1px solid #2B548A;
}

/* Table_Sorter_Start */

div .headerSort
{
	background-image	: url(/content40/css/images/sort.png);
	background-repeat	: no-repeat;
	background-position	: center right;
	color				: #FFFFFF;
	text-align			: left;
	font-weight			: bold;
	cursor				: pointer;
	height				: 20px;
	width				: 10px;
}

div .headerSortUp 
{
	background-image	: url(/content40/css/images/sort_asc.png);
}

div .headerSortDown 
{
	background-image	: url(/content40/css/images/sort_desc.png);
}

/* Table_Sorter_End */

/*Prüfen */
table.position
{
	border-collapse	: collapse;
}

table.position tr.normal td, table.position tr.alternating td
{
	cursor				: default;
	background-color	: #FFFFFF;
	border-bottom		: 1px solid #2B548A;
}
/*Prüfen */

/*----------------TableRow_Style_End----------------*/

/*--------------------Pager_Start-------------------*/

.pager 
{
	margin		: 8px;
	padding		: 3px;
	width		: 90%;
	text-align	: center;
}

.pager .disabled 
{
	border		: 1px solid #ddd;
	color		: #999;
	margin-top	: 4px;
	padding		: 1px 3px;
	text-align	: center;
}

.pager .current 
{
	border		: 0px solid #79b7e7; 
	background	: #d0e5f5 url(/content40/css/images/content_hover_bg.png) 50% 50% repeat-x; 
	cursor		: pointer;
	border		: 1px solid #2B548A;
	color		: #000000;
	font-weight	: bold;
	margin-top	: 4px;
	padding		: 1px 3px;
	text-align	: center;
}

.pager span, .pager a
{
	margin	: 2px 1px;
}

.pager a 
{
	border			: 1px solid #2B548A;
	padding			: 1px 3px;
	text-align		: center;
	text-decoration	: none;
}

/*---------------------Pager_End--------------------*/

/*		sorting		*/
a.sortingText
, a.sortingText:visited
, a.sortingText:link
, a.sortingText:focus
, a.sortingText:active
{
	cursor:pointer;
	color:white;
	text-decoration:none;
	white-space:nowrap;
}
a.sortingText:hover
{
	color:rgb(230,230,230);
}
/*		end sorting		*/

/*			Sub menu extensions				*/
/*			Garage			*/
.subMenu_Paied, .subMenu_RequestRejected, .subMenu_RequestCanceled
{
	float: right;
	padding-left: 20px;
}
.subMenu_RequestParked, .subMenu_RequestApprovalRequested, .subMenu_RequestApproved, .subMenu_RequestComplained, .subMenu_RequestSubmitted, .subMenu_RequestInProcess, .subMenu_RequestExtended
{
	float: left;
	padding-right: 20px;
}
.subMenu_Paied, .subMenu_RequestRejected, .subMenu_RequestCanceled, .subMenu_RequestParked, .subMenu_RequestApprovalRequested, .subMenu_RequestApproved, .subMenu_RequestComplained, .subMenu_RequestSubmitted, .subMenu_RequestInProcess, .subMenu_RequestExtended
{
	margin: 0% 2px;
}
/*			chat message requestStateProposal	*/
#requestStateProposalTitle
{
	font-size: 13px;
	font-weight:bold;
}
#requestStateProposalText
{
	font-size:12px;
}
dir#requestStateProposal
{
	margin: 0% 0%;
	padding:0% 0%;
	list-style-position:outside;
	
}
li#requestStateProposal
{
	margin-left:25px;
	font-weight:normal;
}
/*							Font styles				*/
.title
{
	font-weight:bold;
}
.smallTitle
{
	font-size:12px;
}
.mediumTitle
{
	font-size:18px;
}
.bigTitle
{
	font-size:24px;
}
/*							common styles						*/
.smallPadding
{
	padding:2px;
}
.mediumPadding
{
	padding: 4px 2px 4px;
}
.bigPadding
{
	padding: 6px 2px 6px;
}
.smallDescriptionArea
{
	width:14%;
}
.mediumDescriptionArea
{
	width:20%;
}
.bigDescriptionArea
{
	width:26%;
}
.bigContentArea
{
	width:84%;
}
.mediumContentArea
{
	width:78%;
}
.smallContentArea
{
	width:74%;
}
.smallDownloadLink, mediumDownloadLink, bigDownloadLink
{
	text-decoration:none;
}
.smallDownloadLink
{
	font-size:10px;
}
.mediumDownloadLink
{
	font-size:12px;
}
.bigDownloadLink
{
	font-size:14px;
}
.smallBottomStyle
{
	border-bottom:solid 1px rgb(230, 230, 230);
}
div.header, td.header, tr.blue_header
{
	height				: 20px;
	background-image	: url(/content40/css/images/menu_bg_gradient.png);
	margin				: 0% 0%;
	padding				: 0% 0%;
	background-color	: #003399;
	color				: #FFFFFF;
	font-weight			: bold;
}
.ui-datepicker-trigger
{
	cursor:pointer;
}
a img
{
	text-decoration:none;
	border:none;
	cursor:pointer;
}
.requestMenuPlaceholder
{
    width: 32px;
    height: 32px;
    display: inline-block;
}

/* small Input Box, for Numbers */
input.smallInput
{
    width: 40px;
    text-align: center;
}

.smallNumber
{
	width:35px;
}
#tbl_tread_depth
{
	text-align:left;
}
#tread_depth_front_left_title_container, #tread_depth_front_left_data_container, #tread_depth_front_right_title_container, #tread_depth_front_right_data_container,
#tread_depth_rear_left_title_container, #tread_depth_rear_left_data_container, #tread_depth_rear_right_title_container, #tread_depth_rear_right_data_container
{
	float:left;
	padding:2px;
}
#tread_depth_front_data_container, #tread_detph_rear_data_container
{
	clear:both;
}
img.image_button
{
	border:none;
	cursor:pointer;
}

/*     start tab view     */

.tab_title span a
{
    padding:3px;
    background-color: rgb(80, 110, 150);
    font-weight:bold;
    cursor:pointer;
}


.tab_title span a:hover, #tab_title span.active a
{
    text-decoration: none;
    color: white;
}   
.tab_content
{
    margin-top:2px;
    border: 1px solid rgb(80, 110, 150);
    background-color: rgb(248, 255, 236);
}
.tab_inactive
{
    color: #d2d2d2;
}
.tab_selected
{
    color: white;
}
/*     end tab view     */

/*      begin fixed price position pools    */

.fixedPricePositionItem
{
    margin-top: 10px;
    width: 100%;
}

.fixedPricePositionItem .description
{
    width: 175px;
    padding: 5px;
    float: left;
    text-align: right;
}

.fixedPricePositionItem .content
{
    width: 400px;
    padding: 5px;
    float: left;
    text-align: left;
}

/*      end fixed price position pools    */

a.download_link
{
	text-decoration:none;
	background-image:url(/content40/css/images/button.silver.1.png);
	border:1px solid rgb(0,100,255);
	padding:2px;
}
a.download_link:hover
{
	color:Blue;
}
#file_upload_additional_command_container
{
	text-align:center;
	margin:2px;
}

/*
##################################################
Exceptioncontainer
##################################################
*/
.exceptionContainer
{
	border-left: 1px solid rgb(0,51,153);
	border-top: 1px solid rgb(0,51,153);
	border-right: 1px solid rgb(0,51,153);
	border-bottom: 1px solid rgb(0,51,153);
	background-color: rgb(248,255,236);
	height:100%;
	min-height:400px;
}

.exceptionInnerContainer
{
	margin:15px 15%;
	overflow:auto;
}

.exceptionContainerTitle
{
	padding:2px 0%;
	border-left:solid 1px rgb(150,130,130);
	border-right:inset 1px rgb(150,130,130);
}

.exceptionContainerBoldTitle
{
	font-weight:bold;
	font-size:24px;
}

#exceptionContainerTitle, #exceptionInnerExceptionTitle, #exceptionDetailContainer, #exceptionInvalidRouteDetailContainer, #exceptionStackTraceTitle, #exceptionInvalidRouteDetailTitle
{
	background-image:url(/content40/css/images/red_course1.png);
	color:White;
}

#exceptionStackTraceTitle, #exceptionDetailContainer, #exceptionResourceKeyTitle, #exceptionMessageContainerTitle, #exceptionInvalidRouteDetailTitle
{
	cursor:pointer;
}

#exceptionDetailContainer
{
	clear:both;
	color:White;
}

#publicMessageContainer
{
	overflow:auto;
	font-weight:bold;
	width:50%;
}

.exceptionTable
{
	width:100%;
}

.keyColumn
{
	width:20%;
	text-align:right;
	padding:2px 3px 2px 1px;
	border-right:inset 1px rgb(180,180,180);
	font-weight:bold;
}

.valueColumn
{
	padding:2px 1px 2px 3px;
	text-align:left;
}

.valueColumn, .keyColumn
{
	background-color:rgb(235,250,235);
	color:rgb(0,0,0);
}

#accessDeniedImage, #invalidRouteImage
{
	margin:30px 0%;
}

#exceptionMessageContainerTitle, #exceptionResourceKeyTitle
{
	background-image:url(/content40/css/images/yellow_course1.png);
	text-align:center;
}

.exceptionMessage
{
	font-size:13px;
	border-left:outset 1px rgb(240,240,240);
	border-top:ridge 2px rgb(240,240,240);
	border-right:ridge 2px rgb(240,240,240);
	border-bottom:inset 2px rgb(240,240,240);
	background-color:rgb(218,245,226);
	overflow:auto;
}

#exceptionInvalidRouteText
{
	font-weight:bold;
	font-size:18px;
}

#exceptionInvalidRouteDetailTitle
{
	color:White;
}
/* Exceptioncontainer End */

.red
{
    color: red;
}



/* Historie - JLI */
#claimMainContent
{
    border: 1px solid #2B548A;
    margin: auto;
    width: 95%;
}
.claimData
{
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #2B548A;
    border-left: 1px solid #2B548A;
}
.historyheaderLeft
{
    float: left;
    color: #ffffff;
    margin-left: 10px;
}
.historyheaderLeft a,
.historyheaderLeft a:visited,
.historyheaderLeft a:active {
    color: white;
}
.claimNr 
{
    color:white;
}
.historyheaderRight
{
    float: right;
    color: #ffffff;
    margin-right: 10px;
}

.claimData span
{
    font-weight: bold;
}
.claimData ul
{
    list-style: none;
}
.claimData li
{
    padding: 4px;
    box-sizing: border-box;
}
.claimData li:nth-child(2n+1)
{
    background-color: #efefef;
}
#claimMainContent .header:hover
{
    cursor: pointer;
}