body {
	background-image: url(../img/backimg_body.jpg);
	background-repeat: no-repeat;
	background-position: center -30px;
	color: #6F6F6F;
	font-family: "Arial CE",Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#header, #content, #footer {
	position: relative;
	width: 100%;
}

#navigation ul.menu, #navigation ul.menu li, #navigation ul.menu li a{

}
#navigation ul.menu, #navigation ul.menu li, #navigation ul.menu li a {

}
#navigation ul.menu li {

}
#navigation ul.menu li a.active {
	background-color: #ccc;
}

#navigation ul.submenu {
	background-color: #eee;
}
#navigation ul.submenu li {
	float: none;
}

#navigation {
	font-family: Tahoma, Arial;
	height: 50px;
	z-index: 100;
	position: absolute;
	top: 372px;
}
#component {
}

#header {
	height: 390px;
	margin-bottom: 10px;
}
.fr {float: right;}
.fl {float: left;}
.center {text-align: center; }
.right {text-align: right;}
#logo {position: absolute; top: 15px; left: 15px; }

#footer {
	color:#ccc2c3;
	font-weight:bold;
	font-size: 15px;
	height:26px;
	margin:20px auto;
	text-align:left;
	vertical-align:middle;
	width: 98%;
	border-top: solid 3px #ffe600;
	clear: both;
	float: none;
}
#footer .copyright {
	float:left;
	height:17px;
	padding:7px 0 0 5px;
}

div.extra { height: 20px;}

.label-strong {
	font-weight: bold;
}
/**************************************************************************************/
/************************************  LOGIN  *****************************************/
/**************************************************************************************/
div.login-form {
	width: 215px;
	margin: 55px 0 5px 50px;
	float: left;
}
div.login-container {
	width: 100%;
	height: 140px;
}
div.login-container .login-title {
	font-size: 13px;
	color: #ed2900;
	font-weight: bold;
	line-height: 15px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
div.login-input, div.login-title {
    text-align: center;
}
div.login-input {

}

div.login-form input[type=text],
div.login-form input[type=password],
div.login-customer input[type=text],
div.login-customer input[type=password] {
	border: none;
	padding: 4px 5px;
	margin: 1px;
	width: 160px;
	height: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
div.login-form input[type=text]:focus,
div.login-customer input[type=text]:focus,
div.login-form input[type=password]:focus {
	background-position: 0 -25px;
}
div.login-btn {
	margin-top: 15px;
	position:absolute;
}
body.de div.login-btn a.btn-frontpage {
	font-size: 16px;
	line-height: 20px;
}
div.login-customer div.login-btn {
    left: -135px;
    top: -10px;
}
div.login-form div.login-btn {
    float: right;
    position: relative;
}
div.login-form .login-title {
    color: #000;
}

div.login-customer {
	float: right;
	width: 200px;
	margin: 85px 0 5px 0px;
	position: relative;
}
div.login-customer table {
	margin-top: 0px;
}
div.login-customer input[type=text] {
	text-transform: uppercase;
	width: 140px;
}
.login-container .new-claim {
    clear: both;
    left: 220px;
    position: absolute;
    top: 95px;
}
body.en .new-claim a {
	line-height: 40px;
}
.login-detail {
	padding-left: 3px;
}
#navigation li.nav-login {
    position: absolute;
    right: 0;
}
li.nav-login > a, li.nav-front > a{
    position: relative;
    text-transform: uppercase;
}
li.nav-info > a {
    text-transform: uppercase;
}
.info-container .item {
    margin: 10px 0;
}
.info-container a.btn-frontpage {
    height: 15px;
    width: 230px;
    box-shadow: 0 0 7px 0 #555555;
}
body.de .info-container .text-info-6 a {
	font-size: 12px;
	line-height: 12px;
	padding: 8px 0 16px;
}
body.de a.btn-frontpage {
	font-size: 14px;
	line-height: 14px;
	padding: 8px 0 6px;
}
body.de .info-container .customer-info, 
body.de .info-container .rules-info, 
body.de .info-container .claim-rules-info, 
body.de .info-container .text-info-6, 
body.de .info-container .info-sale-rules {
	display: none;
}

.info-container a.btn-frontpage.wide {
    width: 300px;
}
.reject-claim.form .validation-summary {
	margin-top: 10px;
}
body.sk .info-container a.btn-frontpage.wide {
    width: 400px;
}
body.sk .info-container .item-cz, .info-container .item-cz.no-cz {
    display: none;
}
body.cz .info-container .item-sk,
body.hu .info-container .text-info-6 {
    display: none;
}
.login-siko {
	position: absolute;
    right: 40px;
    top: 220px;
}
body.test {
	background-color: #fff;
	background-blend-mode: luminosity;
}
body.test #logo a::after {
	content: 'TEST';
	position: relative;
	top: -27px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
body.test #footer {
	border-top: solid 3px #d4d4d4;
}

/**************************************************************************************/
/********************************  Flash messages *************************************/
/**************************************************************************************/
div.message {
	font-size: 12px;
	width: 400px;
	padding: 3px;
	float: left;
	clear: left;
}
div.message-box 
{
	font-size: 12px;
	width: 600px;
	padding: 10px;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
div.message-box.error 
{
	color: Red; 
	background-color: #eee;
}
div.info-box {
	padding: 5px 0;
	margin: 0 auto 10px auto;
	color: #000;
	background-color: #ccffcc;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	width: 90%;
}

div.message.info {color: Black; background-color: #ccffcc;}
div.message.error
{
	color: Red; 
	background-color: #eee;
	position: fixed;
	margin-top: 30px;
	z-index: 1000;
	cursor: pointer;
	box-shadow: 5px 5px 15px 5px rgba(0.5,0.5,0.5,0.3);
	white-space: pre;
}
/**************************************************************************************/
/************************************ DEFAULT *****************************************/
/**************************************************************************************/
a, a:link, a:active, a:visited {font-size: 12px; color: #0000ee; cursor: pointer;}
a.info-failed, a.info-failed:link, a.info-failed:active, a.info-failed:visited {font-size: 12px; color: #ee0000; cursor: pointer;}
a:hover {color: #0e5eff}
a.free {color: #000; text-decoration: none;}
input,textarea,select { border: solid 1px #ccc;}
input[type=file] {width: 230px;}
select {height: 18px; font-size: 10px;}
textarea:focus, input:focus {border: solid 1px #555;}
h1{ color: #202020;	font-size: 24px; font-family: Tahoma; margin: 0 0 10px 0;}
h2{	color: #202020; font-size: 24px; font-family: Tahoma; margin: 0 0 10px 0;}
h3{ margin: 3px 0;}
span.sup {
	font-size:xx-small; 
	vertical-align:top;
}
/*.hidden {
	display: none;
}*/
span.info-msg{
	color: #0000e0;
}
span.notice {
	color: #000;
	background-color: #ff5;
	padding: 5px 5px;
}

#privacy {
	width: 600px;
	padding: 10px;
	margin: 0 auto;
}
#privacy h3 {
	color: #000;
	font-size: 16px;
}
/* FONT */
@font-face {
	font-family: 'BarCode39';
	src: url('../font/FREE3OF9.TTF');
	src: local('☺'),
		/*url("../font/FREE3OF9.otf"),*/
		url('../font/FREE3OF9.TTF') format('truetype')/*,  
		url('../font/FREE3OF9.woff') format('woff'), 
		url('../font/FREE3OF9.svg#webfont0WYF6B7d') format('svg')*/;
	font-weight: normal;
}

/**************************************************************************************/
/************************************** TASK ******************************************/
/**************************************************************************************/
div.task {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	background-color: #ffffe0;
	color: #202020;
	min-height: 30px;
	margin: 0 auto 5px;
	padding: 5px;
	font-size: 12px;
	border: solid 1px #ccc;
	line-height: 14px;
	width: 90%;
	overflow: hidden;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
}
div.task:hover {
	border: solid 1px #5050d0; 
	cursor: pointer;

	-moz-box-shadow: 3px 3px 3px #435267; /*#435267*/ /*#aaf*/
	-webkit-box-shadow: 3px 3px 3px #435267;
	box-shadow: 3px 3px 3px #435267;
}

div.task.assigned {
	background-color: #ffffe0;
}

div.task.frm-114 {
	background-color: #eee;
}

div.task.finished,
div.task.marked {
	background-color: #e0ffe0;
}

.detail-tasks .task .top {
	width: 89%;
	float: left;
}
.detail-tasks .task .actions {
	width: 10%;
	float: right;
}
.detail-tasks .task .bottom {
	clear: both;
}
.reject-claim .expert-review input,
.reject-claim .expert-review textarea {
	width: 500px;
}
.reject-claim .expert-review input[readonly],
.reject-claim .expert-review textarea[readonly] {
	border: none;
}
.lang-1 .reject-claim .expert-review tr.hu-only,
.lang-1 .expert-review-list tr.hu-only {
	display: none;
}
.lang-2 .reject-claim .expert-review tr.hu-only,
.lang-2 .expert-review-list tr.hu-only {
	display: none;
}
.lang-3 .reject-claim .expert-review tr.sk-only,
.lang-3 .expert-review-list tr.sk-only {
	display: none;
}


div.claim-preview {
}
div.claim-preview .marked{
    background-color: #c9ffc9;
    color: #333;
}
div.claim-preview a.dark-btn.mark{
	float: right !important;
}
a.dark-btn.fr{
	float: right !important;
}
a.dark-btn.fr.top {
	margin-top: 5px;
}
div.claim-preview span.claim-number {
	font-size: 16px;
	font-weight: bold;
}

div.task-not-found, div.access-denied {
	width: 80%;
	margin: 30px auto;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #e00;
}

/**************************************************************************************/
/**********************************  CLAIM ITEM  **************************************/
/**************************************************************************************/
div.claim {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	background-color: #ffffe0;
	color: #202020;
	min-height: 30px;
	margin: 5px auto;
	padding: 5px;
	font-size: 12px;
	border: solid 1px #ccc;
	line-height: 14px;
	width: 90%;
	position: relative;
	overflow: hidden;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
}
div.claim:hover {
	border: solid 1px #5050d0;
	cursor: pointer;

	-moz-box-shadow: 3px 3px 3px #435267;
	-webkit-box-shadow: 3px 3px 3px #435267;
	box-shadow: 3px 3px 3px #435267;
}

/* STATE COLORS */
div.claim.cust-fin {
	background-color: #e0ffe0;
}
div.claim.finished {
	background-color: #e0e0e0;
}
div.claim.saved {
	background-color: #daf0ff;
}
div.claim.cust-old {
	background-color: #ffB0B0;
}
div.claim.assigned.priority-1,
div.claim.priority-1[class] {
	background: repeating-linear-gradient( -45deg, #ffffe0 5px, #ffffe0 15px, #cccce0 5px, #ffffe0 20px );
	border-color: #d00;
}
div.claim.cust-fin.priority-1 {
	/*background: repeating-linear-gradient( -45deg, #e0e0e0 5px, #e0e0e0 15px, #fff 5px, #e0e0e0 20px );*/
	background: repeating-linear-gradient( -45deg, #e0ffe0 5px, #e0ffe0 15px, #cccce0 5px, #e0ffe0 20px );
	border-color: #d00;
}
div.claim.finished.priority-1 {
	background: repeating-linear-gradient( -45deg, #e0e0e0 5px, #e0e0e0 15px, #fff 5px, #e0e0e0 20px );
	/*background: repeating-linear-gradient( -45deg, #e0ffe0 5px, #e0ffe0 15px, #cccce0 5px, #e0ffe0 20px );*/
	border-color: #d00;
}
div.claim.cust-old.priority-1 {
	background: repeating-linear-gradient( -45deg, #ffb0b0 5px, #ffb0b0 15px, #ffffe0 5px, #ffb0b0 20px );
	border-color: #d00;
}
.claim-detail-header.priority-1[class] h2 {
	background: repeating-linear-gradient( -45deg, transparent 5px, rgba(255,128,128,0.7) 15px, #fbb 5px, transparent 20px );
}
.claim-detail-master-window.priority-1[class] {
	border: solid 4px rgba(255,128,128,0.7);
}
div.claim-preview.priority-1[class] tr.row-id td {
	background: repeating-linear-gradient( -45deg, transparent 5px, rgba(255,128,128,0.7) 15px, #fbb 5px, transparent 20px );
}
/* TASK priority */
div.task.priority-1[class] {
	/* default + priority */
	background: repeating-linear-gradient( -45deg, transparent 5px, rgba(255,128,128,0.7) 15px, #fbb 5px, transparent 20px );
	border-color: #d00;
}
div.task.frm-114.priority-1 {
	background: repeating-linear-gradient( -45deg, transparent 5px, #eee 15px, #ccc 5px, transparent 20px );
	border-color: #d00;
}

div.claim-main {
	width: 73%;
	height: 100%;
}

div.claim .controls {
	position: absolute;
	bottom: 7px;
	right: 6px;
	z-index: 100;
}

div.claim .product-preview {
	position: absolute;
	/*left: 400px;*/
	left: 490px; /*SK 505*/
	top: 5px;
}
div.claim .defect-notes {
	position: absolute;
	/*left: 400px;*/
	left: 490px; /*SK 505*/
	top: 19px;
	width: 300px;
	display: block;
	height: 14px;
	overflow: hidden;
}

div.claim .new-row {
	width: 480px;
}


.protocol-result {
	font-size: 16px;
}
.protocol-result p {
	line-height: 20px;
}

.protocol-result .access-code {
	font-size: 24px;
	color: #0000AA;
	letter-spacing: 2px;
}
.protocol-result .claim-code {
	font-size: 20px;
	color: #000000;
}


.cd .product-place {
	padding-top: 7px;
}

div.claim-detail div.protocol,
div.claim-detail div.basic,
div.claim-detail div.info {
	margin-top: 5px;
	/*margin-left: 5px;*/
	border: solid 1px #ccc;
	font-size: 12px;
}
div.claim-detail div.protocol div.wrapper {
	padding: 10px;
}
div.wrapper {
	padding: 10px;
}
div.claim-detail .protocol table td{
	padding-left: 5px;
}

div.claim-detail .protocol:hover,
div.claim-detail .basic:hover,
div.claim-detail .info:hover {
	/*background-color: #ffffe9;*/
}
div.claim-detail .detail-section {
	margin: 5px 0;
}
div.claim-state {
	font-size: 15px;
	margin-bottom: 10px;
}
div.claim-state .state{
	float: left;
}
div.claim-state .aff {
	float: right;
}
div.claim-state .product, div.claim-state .partner {
	margin-top: 3px;
}

div.claim-detail .claim-notes-item {
	margin: 3px 0;
	font-size: 12px;
	color: #000;
	text-align: justify;
}
div.claim-detail .claim-notes-item span.username {
	font-weight: bold;
}
div.claim-detail .claim-notes-item span.text {
	color: #6f6f6f;
	font-family: Times New Roman, Serif;
}
div.claim-detail .claim-notes-item span.privacy {
	color: #0a0;
	background-image: url(../img/lock.png);
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-left: 3px;
}
div.claim-detail .claim-notes-item div.note-edit {
	float: right;
	padding: 0 5px;
	display: none;
}

div.claim-detail .claim-notes-item div.editable{
	width: 100%;
}
div.claim-detail .claim-notes-item div.editable span.edit {
	width: 100%;
}

div.claim-detail textarea.newNote,
textarea.newNote {
	width: 500px;
}

div.claim-list-header {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
div.claim-list-header .product {
	position: absolute;
	left: 390px;
}
div.claims-list {
	margin-bottom: 20px;
}

.product-name-value {
	border: none;
	font-size: 1em;
}

/************************************ FORMS *******************************************/

textarea.review {
	width: 490px;
}
textarea.note {
	width: 99%;
}

p.information {
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 5px;
	color: #000;
}
body.hu p.create-new-info {
	display: none;
}

/**************************************************************************************/
/**********************************  INPUT FORM  **************************************/
/**************************************************************************************/
div.input-form {
	width: 750px;
	margin: 0px auto;
	padding: 10px;
}

div.panel {
	width: 640px;
	margin: 0px auto;
	border: solid 1px #ddd;
	background-color: #fff;
}
.panel.detail-tasks div.panel {
	width: 95%
}
div.panel div.wrapper {
	padding: 10px;
	clear: both;
}

div.input-form.cd, div.input-form.transfer {
	width: 680px;
}
.panel.detail-tasks div.input-form {
	width: 95%;
}
div.input-form.ua {
	width: 100%;
}

div.input-form.product-sum {
	width: 850px;
}
.product-sum .product-title 
{
	position: absolute;
	line-height: 20px;
}

.send-claim.form .panel .header{
	padding: 5px;
}


div.search {
	width: 90%;
	margin: 0 auto 20px;
}
div.transfer, div.returnReq {
	width: 850px;
}
div.writeback {
	width: 850px;
}
div.input-form.writeback {
	width: 920px;
}
select.lang-select {
	vertical-align: middle;
	position: relative;
	top: -2px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-weight: bold;
	color: #888;
	left: -147px;
	background-color: #FFFFBF;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
}
select.lang-select:hover {
	color: #000;
}

div.summary {
	margin: 0 auto 20px;
}
div.credit {
	width: 850px;
}
div.credit span.supply {
	margin: 1px 10px;
	padding: 2px 5px;
	background-color: #ffc;
	border: solid 1px #eee;
	vertical-align: middle;
	text-transform: lowercase;
}

div.search tr {
	height: 20px;
	min-height: 20px;
}

div.search tr.data:hover td {
	background-color: #ffffe0;
	color: #000;
	cursor: pointer;
}

div.writeback table, div.transfer table, div.credit table{
	width: 100%;
}
div.returnReq table {
    width: 50%;
}

div.input-form.writeback .item-editable input {
	font-size: 11px;
	border: solid 1px #fff;
}
div.input-form.writeback input.sap-number {
	width: 90px;
}
div.input-form.writeback .sap-costcenter input {
	width: 100px;
}
div.input-form.writeback .spp-number input {
	width: 100px;
}
div.input-form.writeback .product-charge input {
	width: 80px;
}
div.input-form.writeback .item-editable:hover input, 
div.input-form.writeback .item-editable input:focus {
	border: solid 1px #222;
}
div.input-form.writeback .argument {
	white-space: nowrap;
}

div.input-form.writeback .summary input[type=checkbox]{
	margin: 0 4px;
}

div.input-form tr {
	min-height: 20px;
	height: 20px;
}
div.input-form tr.error {
	background-color: #fee;
}
div.input-form tr.error .form-label {
	color: #000;
}
div.input-form table, div.input-form tr{
	width: 100%;
}
div.input-form td.form-label{
	max-width: 200px;
	width: 40%;
}
div.input-form table tr:hover td {
	color: #000;
}
div.input-form .request td.form-label{
	max-width: 200px;
	width: auto;
}
div.input-form .request td input{
	width: 90%;
}
div.input-form .request td textarea{
	width: 90%;
	height: 200px;
}

div.input-form td {
	vertical-align: middle;
}
div.input-form td.form-label,
td.form-label {
	vertical-align: middle;
}
div.input-form td.mid {
	vertical-align: middle;
}
div.input-form td.form-label2 {
	padding-top: 4px;
}

div.input-form table.basic tr {
	min-height: 20px;
	height: 25px;
}
div.input-form table.basic, div.input-form table.basic tr{
	width: auto;
}
div.input-form table.basic tr td{
	width: auto;
	vertical-align: middle ;
}
td.top-vert { /* FIXED */
	vertical-align: top;
}
div.input-form  tr td span.field {
	line-height: 25px;
}

div.input-form texarea.note {
	width: 100%;
}
div.input-form.attachments {

}
div.attachments div.wrapper {
	padding: 10px;
}

div.attachments div.sendthem {
	float: right;
}
div.attachments div.sendthem a {
	padding-right: 10px;
}

/********************************** EDITABLE FIELD **********************************/
div.readonly {
	display: inline;
}

div.editable{
	display: block;
	width: 100%;
	width: 300px;
	line-height: 14px;
	min-height: 14px;
	min-width: 30px;
}
div.t270, div.t270 span.edit {width: 270px;}
div.t250, div.t250 span.edit {width: 250px;}
div.t100, div.t100 span.edit {width: 100px !important;}
div.t100 span.edit form { min-width: 200px;}

div.editable form textarea{
	display: block;
	clear: both;
	float: none;
}
td.split div.editable,
td.split div.editable span.edit {
	width: 136px;
}
div.editable:hover {

}
div.editable span.wrapper {

}
div.editable span.edit {
	display: block;
	background-color: #f1f1f1;
	width: 300px;
}

div.editable span.edit.finprocess {
}

div.editable:hover {
	background-color: #cfc;
}
div.editable span.edit:hover {
	background-color: #cfc;
}
div.editable input.edit-mode, div.editable select.edit-mode {
	float: left;
	margin-right: 10px;
	height: 20px;
	font-size: 12px;
}
div.editable span.wrapper form textarea {
	width: 99%;
}

input.field[type=text] {
	background: transparent url(../img/field2.png) no-repeat scroll 0 0;
	border: none;
	padding: 5px 5px;
	margin: 1px;
	width: 162px;
	height: 17px;
}
input.field[type=text]:focus {
	background-position: 0 -27px;
}
select.field {
	width: 172px;
	margin: 1px;
}
span.field {
	padding-left: 5px;
}
input.long {
	width: 380px;
}
div.task-result-text {
	font-size: 12px;
	margin-bottom: 16px;
	margin-top: 4px;
	color: #000;
	line-height: 15px;
}
span.task-result-data {
	line-height: 20px;
	font-size: 12px;
	color: #080;
	font-weight: bold; /* added 7.10.2011 */
	float: left; /* added 7.10.2011 */
	padding: 0 8px 0 0;
}
span.task-result-data.red {
	color: #e00;
}
span.task-result-data.marked{
	font-weight: bold;
}
div.tasks-header {
	position: relative;
	width: 100%;
}
div.tasks-search {
	position: absolute;
	right: 43px;
}
div.tasks-search input {
	width: 70px;
	background-color: #ffffbf;	
}
div.editable .field-fieldTaskTitle[class] {
	font-size: 24px;
	line-height: 24px;
	width: 600px;
	background-color: Transparent;
}
div.editable .field-fieldTaskNotes[class] {
	width: 600px;
	background-color: Transparent;
}
div.editable .field-fieldTaskTitle[class]:hover,
div.editable .field-fieldTaskNotes[class]:hover {
	cursor: text;
}

.field-fieldTaskTitle form, 
.field-fieldTaskNotes form {
	font-size: 14px;
	line-height: 14px;
}
.field-fieldTaskTitle form input.edit-mode[class],
.field-fieldTaskNotes form input.edit-mode[class] {
	width: 450px !important;
}
h2 a.command {
	font-size: 10px;
	font-weight: normal;
	font-family: Arial;
	position: relative;
	top: -5px;
}
/**************************************************************************************/
/**********************************    TABLES    **************************************/
/**************************************************************************************/
table.summary td{
	vertical-align: middle;
}

table.summary tr.header {
	border-bottom: solid 1px #ccc;
}
table.summary tr.data {
	border-bottom: solid 1px #ccc;
}

table.summary tr.data td.argument a {
	text-decoration: none;
	display: block;
}
table.summary tr.data td.argument a span {
	display: block; 
	padding: 2px 3px;
}

table.summary tr.data td.argument a:hover span.argument {
	background-color: #11f;
	color: #fff;
}


tr.buttons td {
	padding-top: 5px;
}

input.sap-number {
	background-color: #ffffdd;
}

a.sap-identity {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

input.sap-number.filled {
	background-color: #ffffff;
	border: none;
	color: #008000;
}
.section.roles {
	width: 800px;
	margin: 0 auto;
}
.section.roles a {
	margin-bottom: 5px;
}

textarea#copy-area,
textarea#paste-area { -moz-tab-size:20; -o-tab-size:20; -webkit-tab-size:20; tab-size:20; width: 500px; }
textarea.gutter {
	overflow: hidden;
	border: none;
	background-color: Transparent;
	margin-right: 5px;
}

#plu-dialog {
    padding: 10px;
}
#plu-dialog .loader {
    text-align: center;
}
.plu-label {
    font-size: 18px;
    margin-bottom: 10px;
}
.plu-dialog-items {
    font-size: 16px;
    font-family: Arial;
}
.plu-dialog-items th{
    padding: 2px 5px;
}
.plu-dialog-items td{
    padding: 6px 5px;
}
.plu-dialog-items tbody tr:hover, .plu-dialog-items tbody tr:hover td{
    background-color: #fff;
    cursor: pointer;
}

#copy-dialog {
	width: 550px !important;
	min-width: 350px;
}

td.data-field {
	padding: 2px 5px;
	vertical-align: middle;
	font-size: 15px;
}
td.data-field.space {
	padding: 2px 15px 2px 5px ;
}
td.data-value {
	vertical-align: middle;
	font-size: 15px;
}


.ui-dialog {
	-moz-box-shadow: 0px 0px 22px 0px #555;
	-webkit-box-shadow: 0px 0px 22px 0px #555;
	box-shadow: 0px 0px 22px 0px #555;
	z-index: 1000;
}
.ui-dialog-titlebar {
    padding: 0 10px;
}

/**************************************************************************************/
/**********************************   COMMANDS   **************************************/
/**************************************************************************************/
div.argument {
	padding: 10px 0;
}


div.task-cmd {
	padding: 10px;
	text-align: center;
	width: 600px;
	height: 20px;
	margin: 0 auto;
}

.service-list-page .service-commands {
	padding: 10px;
	text-align: center;
	width: 900px;
	height: 20px;
	margin: 0 auto;
}

div.command-line {
	height: 20px;
	height: auto; /* FIX */
	margin-bottom: 5px;
	margin-top: 5px;
}
div.commands {
}
div.commands ul {
	height: 50px;
}
div.commands ul li  {
	display: inline;
	height: 20px;
}
div.commands ul li a {
	margin-bottom: 10px;
}
/*****************************/
div.list-controls {
	margin: 20px auto;
	width: 850px;
	clear: both;
}

/**************************************************************************************/
/**********************************     PAGER    **************************************/
/**************************************************************************************/
div.pager {
	margin: 0 0 0 65px;
}
div.pager.top {
	float: left;
}
div.pager div.season {
	float: left;
	margin-right: 15px;
}
div.season.interval {
	line-height: 18px;
}
div.pager div.season select {
	height: 20px;
	line-height: 20px;
	font-size: 13px;
}
div.pager-panel {
    min-height: 20px;
}
/**************************************************************************************/
/*********************************     TRANSFER    ************************************/
/**************************************************************************************/
table.product-transfer 
{
}

/* Argument styles */

table span.argument.ok {
	color: #008000;
}
table span.argument.wait {
	color: #ffcc00;
	background-color: #000;
	padding: 0 5px;
}
table span.argument.canceled, table span.argument.storno {
	color: #f00;
}

/**************************************************************************************/
/*********************************   ATTACHMENTS   ************************************/
/**************************************************************************************/
input.attachNote {
	width: 320px;
}
td.file-note {
	font-size: 12px;
}
.attachments table {
	margin: 0 0 5px;
}
.attachments table tr.att-item {
	margin-bottom: 3px !important;
	height: 15px !important;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	padding-top: 2px;
}
.attachments table tr.att-item td {
	padding-top: 2px;
}
.attachments tr.att-item:hover {
	background-color: #ffffe0;
	color: #000;
}
.attach-list {
	line-height: 20px;
}

/**************************************************************************************/
/*********************************     SERVICE     ************************************/
/**************************************************************************************/
.service-list-page .service {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	background-color: #ffffff;
	color: #202020;
	height: 30px;
	margin: 5px auto;
	padding: 5px;
	font-size: 12px;
	border: solid 1px #ccc;
	line-height: 14px;
	width: 90%;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
}
.service-list-page .service:hover {
	border: solid 1px #5050d0;
	cursor: pointer;
}

.claim-travel-list table {
	
}

.claim-travel-list table th {
	text-align: left;
}
.claim-travel-list table td {
	vertical-align: middle;
}

.claim-travel-list tr {
	border-bottom: solid 1px #ccc;
}
.travel-claims-list {
	width: 90%;
	margin: 20px auto;
}
.travel-claims-list .service-commands {
	height: 30px;
	width: 650px;
	margin: 0 auto;
}
.travel-claims-list .detail-section {
	margin: 10px auto;
	width: 650px;
	padding: 10px;
}
.travel-claims-list .detail-section div.travel {
	width: 650px;
	margin: 0 auto;
}
.travel-claims-list .detail-section div.travel table,
.travel-claims-list .detail-section div.travel table tr {
	width: 100%;
}
.travel-claims-list .detail-section div.travel table tr {
	height: 20px;
	min-height: 20px;
}
.travel-claims-list .detail-section div.travel table td {
	vertical-align: top;
}

#svc-create .panel {
	width: 900px;
	padding: 10px;
}
#svc-create table td
{
	vertical-align: top;
}
#svc-create table td.cmd {
	padding-top: 5px;
}
#svc-create textarea.note {
	width: 300px;
}

/**************************************************************************************/
/*********************************     PROCESS     ************************************/
/**************************************************************************************/
.claim-process-item {
	margin-bottom: 3px;
}
.claim-process-item:hover {
	background-color: #ffffe0;
	color: #000;
}
.claim-process-item .personal {
	float: right;
}
.claim-process-item .process-description {
	margin: 3px 0 3px 110px;
}
.claim-extprocess-item {
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
}
.claim-extprocess-item tr.process-header,
.claim-finprocess-item tr.process-header{
	background-color: #e0ffff;
	color: #000;
}
.claim-extprocess-item tr.process-header td,
.claim-finprocess-item tr.process-header td{
	vertical-align: middle;
	line-height: 20px;
}
.claim-extprocess-item td,
.claim-resprocess-item td{
	width: 50%;
}
.claim-finprocess-item td {
	width: 50%;
}
span.partner-id {
    color: #dd2200;
}
span.aff-name {
	
}
span.aff-name:empty {
	display: none;
}

/**************************************************************************************/
/*******************************      NAVIGATION     **********************************/
/**************************************************************************************/
#navigation{ /*overflow:hidden;*/line-height:normal;font-size: 12px;margin-bottom:1em; margin-left: 30px; margin-top: 0px;/*height: 27px;*/ width: 920px;}
#navigation ul { list-style: none; margin: 0; /*padding:10px 10px 0 0px;*/}
#navigation li { position: static; display: inline; padding: 0; margin: 0; /*background-color: #435267;*/ color: White;}
#navigation li.print a {margin-left: 260px;}
#navigation li.logout {position: absolute; right: 0;}
#navigation li.logout a {/*margin-left: 580px;*/ display: inline; position: relative;}
#navigation ul li.padd {  left: 450px;} 
#navigation a {margin:0;padding:0 0 0 6px;float: left; text-decoration: none; color: White; background:url("../img/nav-left.png") no-repeat left top}
#navigation a.selected{ background:url("../img/nav-left-selected.png") no-repeat left top}
#navigation a span {float:left; display: block; background:url("../img/nav-right.png") no-repeat right top; padding: 6px 15px 10px 6px;margin-right:2px;}
#navigation a.selected span {background:url("../img/nav-right-selected.png") no-repeat right top;padding: 12px 15px 10px 6px;}
#navigation a:hover {	background-position:0% -42px;	}
#navigation a:hover span {	background-position:100% -42px;	cursor: pointer;}



#navigation a span.count {float:none; display: inline; background: transparent none; padding: 0px 3px;margin-right:0px; font-weight: bold;}
#navigation a span.count.marked {background: #f00 none;}
/**************************************************************************************/
/*******************************       BUTTONS       **********************************/
/**************************************************************************************/

a.space-left {
	margin-left: 15px;
}

a.btn-frontpage {
    background-color: #ED2900;
    color: #eee;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 19px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 140px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
a.btn-frontpage:hover {
    color: #FFFFFF;
}
a.btn-frontpage.small-text {
	font-size: 14px;
}

a.red-btn, a.dark-btn {
	text-decoration: none;
	font-size: 12px;
	height: 20px;
	font-family: Arial, Verdana;
	font-family: Tahoma, Arial;
	margin-right: 10px;
	cursor: pointer;
}
a.red-btn.r, a.dark-btn.r {
	margin-right: 0px;margin-left: 10px;
}
a.red-btn span, a.dark-btn span {
	height: 14px;
}

a.red-btn.medium, 
a.red-btn.medium:link,
a.red-btn.medium:active,
a.red-btn.medium:visited {
	background: transparent url('../img/btn-red-a-medium.png') no-repeat scroll top right;
	color: #f3f3f3;
	display: block;
	float: left;
	padding: 0px 7px 0px 0px;
	font-weight: bold;
}
a.red-btn.medium span {
	background: transparent url('../img/btn-red-span-medium.png') no-repeat;
	display: block;
	padding: 3px 0px 3px 7px;
	width: auto !important;
}
a.red-btn.info, a.red-btn.info:link, a.red-btn.info:active, a.red-btn.info:visited, a.red-btn.info:hover {
	background: none;
	color: #E8001B;
	cursor: crosshair;
}

a.red-btn.info span {
	background: none;
}

a.dark-btn.medium, 
a.dark-btn.medium:link,
a.dark-btn.medium:active,
a.dark-btn.medium:visited {
	background: transparent url('../img/btn-dark-out-medium.png') no-repeat scroll top right;
	color: #f3f3f3;
	display: block;
	float: left;
	padding: 0px 7px 0px 0px;
	font-weight: bold;
}
a.dark-btn.medium span {
	background: transparent url('../img/btn-dark-in-medium.png') no-repeat;
	display: block;
	padding: 3px 0px 3px 7px;
	width: auto !important;
}

a.dark-btn.medium:hover{
	background: transparent url('../img/btn-red-a-medium.png') no-repeat scroll top right;
}
a.dark-btn.medium:hover span,
a.dark-btn.medium:hover span:hover {
	background: transparent url('../img/btn-red-span-medium.png') no-repeat;
}

body.processing a.submit-btn, 
body.processing a.submit-btn:hover {
	background-color: #ccc !important;
	background-image: none !important;
	border-radius: 5px !important;
	cursor: progress !important;
}

body.processing a.submit-btn span,
body.processing a.submit-btn:hover span {
	background-color: none !important;
	background-image: none !important;
	cursor: progress !important;
}

/**************************************************************************************/
/*******************************        ADMIN        **********************************/
/**************************************************************************************/
table.datagrid {
	text-align: center;
	vertical-align: middle;
	width: 860px;
	margin: 0 auto;
}
table.datagrid caption {
	font-weight: bold;
	height: 17px;
}
table.datagrid td {
	text-align: center;
	vertical-align: middle;
}
table.datagrid td.password {
	visibility: hidden;
}
table.datagrid tr:hover td.password {
	visibility: visible;
	font-weight: bold;
}

table.datagrid.admin .name {width: 110px;}
table.datagrid.admin .username {width: 80px;}
table.datagrid.admin .shortcut {width: 80px;}
table.datagrid.admin .pass {width: 80px;}
table.datagrid.admin .email input {width: 80px;}
table.datagrid.admin .active {width: 65px;}

table.datagrid td input {
	width: 100%;
	text-align: center;
	color: #005;
}
table.datagrid tr:hover {
	background-color: #ffffe9;
}
table.datagrid tr:hover td{
	color: #000;
}
table.datagrid tr {
	border-bottom: solid 1px #ccc;
	height: 17px;
}
table.admin.user.detail {
	width: 200px;
	margin: 0 auto 30px;
}
table.admin.user.detail caption {
	text-align: center;
}
table.admin.user.detail td {
	font-size: 20px;
	text-align: center;
}
table.admin.roleadd {
	width: 200px;
	margin: 0 auto;
}

.user-admin, .aff-admin {
	width: 650px;
	margin: 0 auto;
}

.user-admin div.aff-item {
	height: 22px;
	clear: both;
}
div.aff-item:hover {
    background-color: #ffffe9;
}

div.aff-item .aff-name{
	width: 100px;
	float: left;
}
div.aff-item .aff-actions {
    float: left;
}

div.user-admin-detail, div.aff-admin-detail{
	margin: 0 0 15px;
}

div.stats-wrapper{
	margin: 0 auto;
    width: 910px;
}
table.admin.stats {
	/*width: 100%;*/
	margin: 30px 0 0;
}
table.admin.stats.with-header {
	margin: 0;
}
table.admin.stats th {
	vertical-align: middle;
	line-height: 16px;
}
div.stats-wrapper div.tab-header {
	margin-left: 220px;
	margin-top: 30px;
	font-weight: bold;
	line-height: 16px;
}
table.admin .pager td a,
table.admin .pager td span {
	padding: 2px 5px;
}

div.long-list {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	padding-bottom: 1px;
}
:hover > div.long-list {
	white-space: unset;
}

/**************************************************************************************/
/*******************************        FILTER       **********************************/
/**************************************************************************************/
#filter-list{ font-family: Tahoma, Arial; height: 50px; position: relative;}
#filter-list{ line-height:normal;font-size:12px; margin: 30px 0 0 30px;/*height: 27px;*/}

#filter-list ul { list-style: none; margin: 0; /*padding:10px 10px 0 0px;*/}
#filter-list li { display: inline; padding: 0; margin: 0; background-color: #435267; color: White;}
#filter-list ul li.padd {  left: 450px;} 
#filter-list a {margin:0;padding:0 0 0 6px;float: left; text-decoration: none; color: White; background:url("../img/nav-left.png") no-repeat left top}
#filter-list a.selected{ background:url("../img/nav-left-selected.png") no-repeat left top}
#filter-list a span {float:left; display: block; background:url("../img/nav-right.png") no-repeat right top; padding: 6px 15px 10px 6px;margin-right:2px;}
#filter-list a span.count {float:none; display: inline; background: none; padding: 0 3px;margin:0; background-color: #ed2900; font-weight: bold;}

#filter-list a.selected span {background:url("../img/nav-right-selected.png") no-repeat right top;padding: 12px 15px 10px 6px;}
#filter-list a.selected span.count {background:none;padding: 0 3px;}

#filter-list a:hover {	background-position:0% -42px;	}
#filter-list a:hover span {	background-position:100% -42px;	cursor: pointer;}

/**************************************************************************************/
/*********************************      LAYOUT     ************************************/
/**************************************************************************************/
#header .header-title {
	position: absolute;
	top: 75px;
	right: 20px;
}
#header .header-search {
	position: absolute;
	top: 50px;
	right: 27px;
}
#header .header-search input {
    width: 70px;
    background-color: #FFFFBF;
}
#header .header-panel {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 100%;
}

#header .content-top {
	position: relative;width: 976px; height: 16px; background-image: url(../img/content-top.png);
}
#header .content{
	position: relative;width: 976px; padding: 0px;
	background-image: url(../img/content-back.png);
	background-image: url(../img/content-inner.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
}
#header .content-bottom{
	position: relative;width: 976px; height: 16px; background-image: url(../img/content-bottom.png); background-position: 0 -10px;
}
#header .content .picture {
	background-image: url(../img/frontpage/frame-back2.jpg);
	height: 250px;
	background-repeat: no-repeat;
	background-position: center 0px;
	width: 99%;
}

#header .header-content {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
}
#header .header-content h1 {
	float: left;
}
#header .header-content 
{
}
#header .header-content .login-detail {
	float: right;
	padding-right: 5px;
	text-align: right;
	line-height: 17px;
}

.login-detail .logged-user {
	font-size: 15px;
	font-weight: bold;
}

.login-detail .logged-role, .logged-role a {
	font-size: 15px;
	color: #6f6f6f;
}
.logged-role a:hover {
	color: #00006f;
}

#header .header-content .wrapper {
	padding: 5px 25px;
}

.header-content .task-header {
	margin-left: 5px;
	margin-top: 4px;
	width: 400px;
    clear: left;
    float: left;
}
.header-content .task-header .notes
{
}

#content {
	margin-top: 50px;
}


.task-list-page .filter,
.claim-list-page .filter,
.service-list-page .filter,
.message-list-page .filter,
.admin-page .filter {
	background-color: #e7ecef;
	height: 38px;
	width: 942px;
	margin: -30px auto;
	position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.claim-list-page .request-filter {
	margin-bottom: 20px;
}
.claim-list-page .request-filter .combo {
	margin-right: 10px;
}

.claim-list-page .request-filter .filter-wrapper{
	margin: 0 auto;
	width: 90%;
}

.filter span.label {
	position: absolute;
	top: 10px; left: -55px;
	color: Red;
	font-weight: bold;
	text-transform: uppercase;
}

div.filter-input-section table.filter-input{
	float: left;
}
.results-download {
	float: right;
	display: block;
}
div.filter-input-section input.datepicker,
div.stats-wrapper input.datepicker {
	width: 80px;
	text-align: center;
}
table.filter-input td{
	vertical-align: middle;
}
.filter-input .filter-value select,
.filter-input .filter-value input[type=text] {
	margin-right: 10px;
}
span.filter-title {
	background-color: #0f0;
	color: #000;
	padding: 0 5px;
}
span.filter-value {
	background-color: #ffffe0;
	color: #000;
	padding: 0 5px;
}

div.task-list {
	margin-top: 40px;
	margin-bottom: 20px;
}
div.task-list .no-tasks {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #db2500;
	display: block;
	width: 850px;
	margin: 0 auto;
}

div.task-list-page .new-task {
	width: 850px;
	margin: 0 auto;
}

.claim-detail h2, .cd h2 {
	margin: 0 0 10px 0;
}
.cd h2 {
	font-size: 24px;
	font-family: Tahoma;
}

/******************************** SYSTEM ********************************/
body.system {
	 background-position: center -120px;
}
.system #header {
	height: 194px;
}
.system #header .content .picture {
	background-image: none;
	height: 72px;
}
.system h1{ margin: 0;}

.system #content{
}
.system #navigation{
	top: 194px;
}
.system div.message {
	float: left;
   clear: left;
}

.search-box {
	display: none;
}
.search-box .search-field{
	width: 100px;
	margin: 0 auto;
}

/* ATTACHMENTS GALLERY */

.attachments-gallery 
{
}

.attachments-gallery .att-item{
	float: left;
	width: 130px;
	height: 100px;
	border: solid 1px grey;
	margin: 2px 5px;
	position: relative;
	text-align: center;
}

.attachments-gallery .att-item:hover{
	border: solid 1px #000;
}

.attachments-gallery .att-item .stamp {
	position: absolute;
	top: 2px;
	left: 5px;
	color: #f00;
	background-color: #000;
	display: none;
	padding: 0 2px;
}
.attachments-gallery .att-item:hover .stamp {
	display: block;
}

/* MESSAGES */
.message-list {
	width: 100%;
}
.system .message.message-item {
	position: relative;
	width: 900px;
	margin: 0 auto 10px;
	border: solid 1px #ccc;
	min-height: 50px;
	float: none;
	clear: both;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.message.message-item .subject {
	font-weight: bold;
	color: #000;
}
.message.message-item .content {
	padding: 2px 0 0;
	text-align: left;
	line-height: 13px;	
}
.message.message-item .created {
	position: absolute;
	top: 3px;
	left: 3px;
}
.message.message-item .createdby {
	text-align: right;
}

.messages-form {
	width: 500px;
	margin: 0 auto;
}

.messages-form td.row {
	height: 20px;
}
.messages-form td {
	vertical-align: middle;
	min-height: 20px;
}

.messages-form input.subject{
	width: 400px;
}

.messages-form select {
	width: 200px;
}

.messages-form textarea.content{
	width: 400px;
}

.settings-form {
	width: 800px;
	margin: 0 auto;
}

.msg-front.error {
	color: #DD0000;
    font-weight: bold;
    margin: 10px 0;
}

.alert.alert-info {
    background-color: #eeeeFF;
}

.alert {
    padding: 10px;
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

/********* ICONS *********/
span.product-plu-ok {
	width: 16px;
	height: 16px;
	float: left;
	display: block;
	background-image: url(../img/micro/tick-circle.png);
	margin: 0 5px;
}
span.plu-invalid {
	color: #e55;
	font-weight: bold;
}
span.product-plu-invalid {
	width: 16px;
	height: 16px;
	float: left;
	display: block;
	background-image: url(../img/micro/minus-circle.png);
	margin: 0 5px;
}
/*************************/

/* GLOBAL */
.hidden {
	display: none;
}
#filter-list li.hidden {
	display: none;
}
@media print {
	a.dark-btn.medium, a.dark-btn.medium span, #navigation, .header-search, .rs-version-label {
		display: none;
	}
}