body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select
{
	text-decoration: none;
	margin: 0;
	padding: 0
}

body {
	width: 100%;
	height: 100%;
	min-width: 980px;
	margin: 0;
	padding: 0
}

form {
	text-align: left;
	margin: 0;
	padding: 0
}

table {
	border-spacing: 0;
	font-size: 11px;
	border-collapse: collapse;
	table-layout: auto
}

table tr,table tr td {
	margin: 0;
	padding: 0
}

div {
	z-index: 2;
	margin: 0 auto;
	padding: 0
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0
}

center input,center select,center textarea {
	float: none
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #222
}

a:hover {
	text-decoration: underline
}

pre {
	font-size: 12px;
	text-align: left
}

font {
	font-size: 12px
}

h1 {
	color: #222;
	font-size: 13px;
	text-transform: uppercase
}

h1 span.titleComponent {
	position: absolute;
	right: 0
}

br {
	clear: left
}

input,select,textarea {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #7f9db9;
	margin: 0;
	padding: 3px
}

input[type=hidden] {
	display: none;
	border: 0
}

textarea {
	height: 150px;
	width: 280px;
	overflow: auto
}

.subtitle {
	font-size: 110%;
	padding: 5px 0 5px 40px
}

.center {
	text-align: center
}

.right {
	text-align: right
}

.col1,.col2 {
	float: left;
	width: 50%
}

.pre {
	white-space: pre
}

.scrollable {
	overflow: auto;
	width: 98%
}

.w250 {
	width: 250px
}

div.value {
	width: auto;
	display: inline
}

span.label,span.value,span.txtBlock {
	display: inline-block;
	line-height: 20px;
	vertical-align: top
}

a span.value {
	line-height: normal;
	margin: 0 !important;
	padding: 0
}

span.label {
	color: green;
	padding-left: 20px;
	display: inline-block
}

span.value,span.txtBlock,span.label {
	margin-left: 3px !important;
	width: auto;
	padding: 3px 0 3px 3px
}

span.prompt,span.noPrompt,table td.prompt {
	text-align: right;
	width: 200px !important;
	height: auto;
	margin-bottom: 3px;
	background: url(/ccpgate/ept/images/promptBack.gif) repeat-y;
	line-height: 16px;
	padding: 1px 3px 1px 45px
}

table td.prompt span.prompt {
	margin: 0 !important;
	padding: 0 !important
}

.button.disabled {
	color: #AAA;
	cursor: default
}

div.line .select label,.select label {
	display: inline-block;
	vertical-align: top;
	width: auto !important;
	background: 0;
	line-height: 20px;
	padding-left: 5px;
	margin: 0 20px 0 0
}

div.line .select input,.select input {
	height: 20px;
	width: 13px;
	border: 0 !important;
	margin-left: 5px
}

select.value {
	border: 1px solid #7f9db9;
	top: 1px
}

span.many {
	display: inline-block;
	margin: 3px 5px
}

.boolCheckB {
	width: 20px;
	height: 17px
}

.boolTrue {
	background: url(/ccpgate/ept/images/CWTrue_small.gif) no-repeat
}

.boolFalse {
	background: url(/ccpgate/ept/images/CWFalse_small.gif) no-repeat
}

span.headerMinWidth50,span.width50 {
	display: inline-block;
	width: 50px
}

span.headerMinWidth100,span.width100 {
	display: inline-block;
	width: 100px
}

span.headerMinWidth150,span.width150 {
	display: inline-block;
	width: 150px
}

span.headerMinWidth200,span.width200 {
	display: inline-block;
	width: 200px
}

span.headerMinWidth250,span.width250 {
	display: inline-block;
	width: 250px
}

div.line,p {
	clear: left;
	text-align: left;
	padding-bottom: 2px;
	height: 1%;
	margin: 0
}

* html p {
	height: 1%
}

* html .memo p {
	height: auto
}

div.line label,div.prompt,p label {
	display: inline-block;
	width: 204px !important;
	margin-left: 10px;
	color: #333;
	text-align: right;
	vertical-align: top;
	padding: 3px 0
}

p input,p select,p textarea {
	position: relative;
	vertical-align: middle;
	margin: 2px 0 3px 3px;
	padding: 3px
}

.up {
	text-transform: uppercase
}

.popUp {
	position: absolute;
	width: 300px;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 100;
	border-bottom: 0
}

#containerFull {
	width: 980px;
	float: none;
	min-height: 100%;
	z-index: 2;
	background-color: #FFF;
	position: relative
}

.toolBarBlock {
	position: absolute;
	background: url(/ccpgate/ept/images/pt-toolbarbg.png) no-repeat right;
	height: 64px;
	top: 51px;
	right: 10px;
	border-left: solid 1px #d1d1d1;
	z-index: 100;
	width: 192px
}

.headerBlock {
	width: 100%;
	height: 100px;
	z-index: 99;
	position: relative;
	background: transparent
}

#arcidHeaderBlockForm {
	height: 125px
}

#content {
	z-index: 3;
	padding-bottom: 85px;
	margin: 0 auto
}

#menuLeft {
	position: absolute
}

#content.left {
	padding-left: 165px;
	width: 821px
}

#shadow {
	z-index: 100002;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
	filter: alpha(opacity = 20);
	background-color: #000
}

#loader {
	background: url(/ccpgate/ept/images/loader.gif) no-repeat top left;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	z-index: 100003;
	top: 50%;
	margin-top: -50px
}

.group {
	margin-bottom: 20px
}

.group br {
	line-height: 0;
	margin: 0;
	padding: 0
}

.group h1 {
	line-height: 34px;
	padding-left: 10px
}

#commandsLeft {
	float: right;
	margin-left: 2px
}

#commands {
	text-align: right;
	margin-right: 20px;
	width: auto !important
}

#commands a,#commandsLeft a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 3px 0 5px 8px
}

#commandsLeft a {
	width: auto;
	padding-left: 30px;
	line-height: 24px
}

#commands #lang a,#commandsLeft #lang a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 10px 0
}

#commands a.home {
	background-image: url(/ccpgate/ept/images/pt-icon-home.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0
}

#commands a.print {
	background-image: url(/ccpgate/ept/images/pt-icon-print.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0
}

#commands a.help {
	margin-left: 62px;
	background-image: url(/ccpgate/ept/images/pt-icon-help.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0;
	display: none
}

#commandsLeft a.logOff {
	background-image: url(/ccpgate/ept/images/pt-icon-disconnect.png);
	background-repeat: no-repeat
}

#lang {
	float: right;
	text-align: right;
	color: #CCC;
	cursor: default;
	position: relative
}

#langMess {
	right: 0;
	top: 20px;
	width: 200px;
	padding: 5px
}

#langMess span {
	color: red
}

#todo {
	position: absolute;
	bottom: 35px;
	right: 0;
	text-align: right;
	float: right;
	display: block;
	height: 20px;
	background: url(/ccpgate/ept/images/toDo2.gif) no-repeat left center;
	padding: 10px 0 0 30px
}

#logoBlock {
	position: absolute;
	left: 0;
	top: 0
}

#session {
	float: left;
	width: 670px;
	height: 25px;
	margin-top: 42px;
	position: relative;
	z-index: 10
}

#session li {
	display: block;
	float: left;
	width: 145px;
	height: 25px;
	cursor: pointer;
	position: relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 1px 2px 0 0
}

#session li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url(/ccpgate/ept/images/buttonClose.gif) no-repeat 0 -12px;
	position: absolute;
	right: 2px;
	top: 8px
}

#session li span {
	display: block;
	overflow: hidden;
	width: 120px;
	color: #333;
	padding-left: 2px;
	margin: 8px 0 0 8px
}

#session li.tabAdd1,#session li.tabAdd2,#session li.tabAdd3,#session li.tabAdd4,#session li.tabAdd5,#session li.tabAdd6
	{
	width: 30px;
	height: 24px
}

#quickLinks input {
	float: left;
	vertical-align: top;
	width: 100px;
	z-index: 2;
	text-transform: uppercase
}

#quickLinks a.img {
	background: url(/ccpgate/ept/images/CWArrowLowSmall.gif) no-repeat;
	position: relative;
	height: 15px;
	width: 11px;
	z-index: 5;
	border: 0;
	cursor: pointer;
	float: left;
	margin: 1px 0 0 -12px;
	padding: 0
}

#quickLinks #QLContainer {
	background-color: #F5F5F5;
	border: 1px solid;
	left: 1px;
	margin-top: 2px;
	position: absolute;
	top: 15px;
	width: 120px;
	z-index: 99;
	border-color: #FFF #000 #000 #FFF;
	padding: 2px
}

#quickLinks ul {
	display: block;
	float: left;
	font: 11px tahoma;
	z-index: 99;
	padding: 0
}

#quickLinks ul li {
	display: block;
	float: left;
	list-style: none;
	padding-left: 3px;
	width: 115px;
	cursor: pointer;
	margin: 0
}

#quickLinks ul li a {
	color: #777;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap
}

#quickLinks ul li:hover a {
	color: #333
}

#quickLinks .button {
	width: 16px;
	height: 15px;
	font-size: 1px;
	color: #CCC;
	background: url(/ccpgate/ept/images/buttonAdd.gif) no-repeat left;
	border: 0;
	cursor: pointer
}

#centralMenu {
	float: left;
	width: auto;
	text-align: center;
	color: #FFF;
	margin-top: 3px
}

#centralMenu a {
	color: #FFF;
	margin: 0 3px
}

#search {
	display: inline;
	right: 3px;
	position: absolute;
	bottom: 9px;
	margin: 0
}

#search #inputSearch {
	width: 105px;
	height: 18px;
	vertical-align: middle;
	background: url(/ccpgate/ept/images/fieldSearch.gif) no-repeat !important;
	border: 0;
	float: left;
	margin: 2px 3px 0 0;
	padding: 2px 0 0 7px
}

#search a {
	display: block;
	float: left;
	top: 0;
	position: relative;
	height: 22px;
	width: 22px;
	background: url(/ccpgate/ept/images/find.gif) no-repeat top left
}

.dynChainBoxDis,.dynChainBox {
	position: static;
	width: 21px;
	text-align: center;
	height: 22px;
	cursor: pointer;
	border: 0;
	padding: 0 0 4px
}

.dynChainBoxDis {
	background-position: 0 -44px;
	cursor: auto
}

.chainingBox .popUp {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #F5F5F5;
	border: 1px solid;
	margin-top: 23px;
	z-index: 100;
	margin-left: 0;
	border-color: #FFF #000 #000 #FFF;
	padding: 2px
}

a.chainingBoxLink {
	float: left;
	text-decoration: none;
	height: auto;
	position: relative;
	vertical-align: middle;
	white-space: normal;
	color: #555;
	border-bottom: solid 1px #ccc;
	width: 280px;
	padding: 3px 10px
}

a.chainingBoxLink:hover {
	color: #2C8113;
	background: #F6F6F6
}

div.chainingBox {
	width: 15px;
	height: 15px
}

.chainingBox .button {
	left: 5px
}

p.chainingLine span.chainingBox {
	margin-left: 250px
}

.statusBar {
	width: 986px;
	height: 18px;
	clear: both;
	color: #FFF;
	float: none;
	white-space: nowrap;
	text-align: center
}

#event {
	width: 986px;
	clear: both;
	float: none;
	position: relative
}

#main {
	width: 100%
}

.left #situation {
	width: 815px
}

#bread {
	position: relative;
	float: left;
	width: 800px
}

#bread a {
	color: green;
	font-family: verdana;
	font-size: 90%;
	float: left
}

#bread li {
	padding-left: 2px;
	display: inline
}

#bread a.nav,#bread li.nav {
	background: url(/ccpgate/ept/images/nav1.gif) no-repeat right 4px;
	padding-right: 11px;
	margin-right: 9px
}

#bread a.navNoArrow,#bread span.navNoArrow {
	padding-right: 11px;
	margin-right: 9px
}

#bread span.nav {
	font-size: 110%;
	font-weight: 400
}

.menuV2 {
	width: 620px !important;
	border-collapse: separate;
	border-spacing: 5px 5px
}

.menuItemV2 {
	display: block;
	float: left;
	width: 183px !important;
	height: 120px !important;
	background: url(/ccpgate/ept/images/bgNavigationBlock.gif) no-repeat left top;
	vertical-align: top;
	text-align: left;
	cursor: pointer;
	padding: 5px
}

.menuItemV2 ul {
	float: left;
	margin-left: 5px;
	position: absolute;
	bottom: 15px;
	width: 170px
}

.menuItemV2 li {
	width: 80px;
	display: block;
	clear: none;
	float: left;
	margin: 2px 0 0
}

.menuItemV2 li a {
	display: block;
	width: 50px;
	padding: 0 0 0 20px
}

.navList,.nav05 {
	background: url(/ccpgate/ept/images/iconList.png) no-repeat left center
}

.navAdd,.nav02 {
	background: url(/ccpgate/ept/images/iconAdd.png) no-repeat left center
}

.navDelete,.nav04 {
	background: url(/ccpgate/ept/images/iconDelete.png) no-repeat left center
}

.navView,.nav01 {
	background: url(/ccpgate/ept/images/iconView.png) no-repeat left center
}

.navUpdate,.nav03 {
	background: url(/ccpgate/ept/images/iconUpdate.png) no-repeat left center
}

.navSign,.nav06 {
	background: url(/ccpgate/ept/images/iconSign.png) no-repeat left center
}

.navLink {
	background: url(/ccpgate/ept/images/iconDefault.png) no-repeat left center
}

.navFolder {
	background: url(/ccpgate/ept/images/iconFolder.png) no-repeat left center
}

.title {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center
}

#formScreenTitle {
	color: #666;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0
}

.groupBox.navigationBar {
	z-index: 1;
	border: 0
}

.formNavButton {
	margin-top: 10px
}

.formNavigation {
	position: absolute;
	margin-right: 10px;
	margin-top: -28px;
	right: 20px
}

.formNavigation li {
	float: left;
	display: block;
	list-style: none;
	width: 25px;
	height: 20px;
	text-align: center;
	margin: 0 1px;
	padding: 0
}

.formNavigation li.dis {
	font-weight: 700;
	background: url(/ccpgate/ept/images/scroller.png) no-repeat -101px -18px
}

.formNavigation span {
	width: 20px;
	line-height: 18px;
	vertical-align: middle;
	position: relative;
	color: #AAA;
	cursor: default
}

.formNavigation li a,.formNavigation li span {
	background-position: left top;
	background-repeat: no-repeat;
	display: block
}

.formNavigation li a {
	padding-top: 2px;
	height: 16px;
	color: #666;
	text-decoration: none
}

.formNavigation li a:hover {
	background-position: left -18px;
	color: #222
}

.formNavigation li.navBut {
	width: 18px
}

.formNavigation li span {
	width: 25px;
	font-weight: 700
}

.formNavigation li span.txStepCurrent {
	color: #666;
	background-position: -126px 0
}

.formNavigation li a.txStepFirst,.formNavigation li a.txStepPrevious,.formNavigation li a.txStepNext,.formNavigation li a.txStepLast
	{
	width: 18px;
	text-decoration: none
}

.formNavigation li a.txStepFirst {
	background-position: -25px top
}

.formNavigation li span.txStepLast,.formNavigation li span.txStepFirst,.formNavigation li span.txStepNext,.formNavigation li span.txStepPrevious
	{
	width: 18px;
	height: 18px
}

.formNavigation li#noImage span {
	background-image: none;
	width: 25px;
	float: left;
	font-weight: 400
}

.navigationBar .formNavButton {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0
}

.navigationBar .formNavButton input {
	left: 0;
	margin-top: 0;
	color: #333
}

.button {
	position: relative;
	left: 250px;
	margin: 5px 0
}

div.tableContent {
	clear: both;
	width: 100%
}

div.tableContent .formNavigation {
	margin-right: 10px;
	margin-top: 0
}

div.tableContent table {
	float: none;
	text-align: left
}

.topResultLink {
	position: absolute;
	color: green;
	top: 10px;
	left: 20px;
	z-index: 5
}

.headerDataTable {
	text-align: left;
	font-size: 11px;
	vertical-align: bottom;
	font-weight: 700;
	padding: 1px 5px
}

.headerDataTable input {
	margin-left: 4px;
	margin-right: 4px
}

table.result a {
	color: #555
}

table.result td {
	border-right: solid 1px #cfcfcf;
	color: #222;
	margin: 0;
	padding: 0 5px
}

table.result td span.value {
	margin: 0 !important;
	padding: 0 !important
}

table .evenRow,table.tree .evenRow {
	background-color: #eaeaea;
	border-top: solid 1px #bbb
}

table .clicked,table.tree .clicked {
	background-color: #999
}

table .clicked a,table.tree .clicked a {
	color: #333 !important
}

table .nowrapOver,table.standardOver {
	background-color: #E8E8DD;
	border-top: 1px solid #94AE91;
	border-bottom: 1px solid #94AE91;
	border-left: 1px solid #E8E8DD
}

div.noList table {
	width: 100%;
	margin: 15px 0
}

div.noList table th {
	font-weight: 700;
	padding: 0 5px
}

div.noList table td {
	border-left: 0;
	padding-right: 3px
}

div.staticActions {
	position: relative;
	left: 1%;
	top: 20px;
	z-index: 25;
	width: 200px;
	margin: -10px 0 0
}

div.staticActions a,div.staticFacet a,div.staticActions span,div.staticFacet span
	{
	display: inline;
	color: #222;
	vertical-align: middle;
	white-space: nowrap;
	height: 35px;
	padding: 5px 10px 5px 0
}

div.scroller {
	position: relative;
	vertical-align: middle;
	width: 100%;
	background: url(/ccpgate/ept/images/pt-sidenavi-header.png) repeat-x;
	height: 35px;
	line-height: 35px;
	font-size: 11px
}

div.scroller .scrollerBar {
	right: 0;
	top: 9px;
	position: absolute;
	width: 50%;
	line-height: 14px
}

div.scroller .midden {
	color: #333;
	text-align: center;
	float: none;
	position: relative
}

table a.ds_Descending {
	padding-right: 20px;
	background: url(/ccpgate/ept/images/Desc.gif) no-repeat right
}

table a.ds_Ascending {
	padding-right: 20px;
	background: url(/ccpgate/ept/images/Asc.gif) no-repeat right
}

#statusBar table {
	opacity: .4;
	filter: alpha(opacity = 40);
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333
}

#statusBar td {
	border-right: 1px solid;
	color: #FFF;
	padding: 0 5px
}

#event table {
	width: 986px;
	border: 0;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333
}

#event .eventHeader td {
	color: #FFF;
	padding: 0 2px 3px 5px
}

#event td {
	padding: 5px 2px 4px 10px
}

fieldset.groupBox,fieldset.groupBoxWithoutTop {
	border: 1px solid gray;
	text-align: left;
	width: 98%;
	clear: both;
	margin: 1px 0 1px 8px;
	padding: 10px 0
}

fieldset.groupBoxWithoutTop {
	border-top: 0 solid gray;
	margin-top: 0
}

legend.groupBox {
	font-size: 10px;
	color: #000;
	font-weight: 700;
	padding: 5px
}

div.groupBox,div.groupBoxWithoutTop {
	text-align: left;
	clear: both;
	z-index: 10;
	margin: 0;
	padding: 0
}

div.gBContent p label,div.gBContent div.line label {
	margin-left: 10px
}

div.gBContent p,div.gBContent div.line {
	background-position: -10px top
}

div.gBContent p .msg {
	left: 240px
}

div.groupBoxWithoutTop {
	margin-top: 0;
	border-right: 1px solid gray;
	border-top: 0 solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	text-align: left;
	width: 100%;
	display: block;
	margin-bottom: 1px;
	padding: 2px 2px 5px
}

.groupBox .gBLegend {
	font-size: 10px;
	color: #000;
	font-weight: 700;
	left: 0;
	margin-left: 5px;
	position: absolute;
	top: -.8em;
	background-color: #FFF;
	padding: 0 2px
}

div.gBTitleUser {
	border: 0;
	float: none;
	padding-top: 0;
	width: 95%;
	margin: 0 auto
}

.msgs {
	width: 92%;
	text-align: center;
	position: relative;
	float: none;
	white-space: pre;
	margin: 5px auto;
	padding: 5px 0
}

.msgs li {
	padding: 2px 2px 2px 30px
}

.msg {
	width: 270px
}

.msg span {
	padding-left: 25px;
	width: 245px;
	display: block;
	margin: 5px 0
}

.msg,.msgs {
	display: block;
	background-repeat: no-repeat;
	background-position: 5px center;
	color: #111;
	text-align: left;
	border-style: solid;
	border-width: 1px 0
}

.error {
	background-color: #FCC;
	background-image: url(/ccpgate/ept/images/exclamation.gif);
	white-space: normal;
	border-color: #E90649
}

.warn {
	background-color: #FFFFCE;
	background-image: url(/ccpgate/ept/images/warning_small.gif);
	border-color: #F0C000
}

.info {
	background-color: #EAF4FF;
	background-image: url(/ccpgate/ept/images/iconList.gif);
	border-color: #00056F
}

.msgs ul {
	margin-left: 40px
}

p .msg {
	left: 250px;
	position: relative
}

td p .msg {
	left: 1px
}

.deletedRecord {
	color: #F30
}

span.wMessage {
	background: url(/ccpgate/ept/images/warning.gif) no-repeat left;
	line-height: 32px;
	font-size: 1.2em;
	margin: 10px;
	padding: 10px 0 10px 40px
}

.mandatory,.memoLine span.mandatory {
	display: inline-block;
	width: 12px;
	height: 20px;
	line-height: 20px;
	z-index: 5;
	background: url(/ccpgate/ept/images/reqField.gif) no-repeat 3px 5px;
	vertical-align: top;
	font-size: 0;
	margin: 0 -12px 0 0
}

a.encodingHelpLink {
	position: relative;
	display: inline-block;
	background-color: transparent;
	background-image: url(/ccpgate/ept/images/encHelp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	height: 22px;
	width: 22px;
	z-index: 20;
	vertical-align: top;
	margin: 1px 0 0 3px
}

a.encodingHelpLink:hover {
	cursor: pointer
}

.textBouton {
	position: relative;
	text-align: center;
	color: #000;
	cursor: pointer
}

table.form {
	position: relative;
	float: left;
	border-spacing: 0;
	border-collapse: collapse
}

#menu li ul li a.menuIndicateur {
	background: url(/ccpgate/ept/images/CWArrowSubNav.gif) right 5px no-repeat
}

#menu li ul li a.menuIndicateur:hover {
	background: url(/ccpgate/ept/images/CWArrowSubNav.gif) right 6px no-repeat;
	background-color: #EEE
}

#menu {
	width: 800px;
	z-index: 100;
	left: 0
}

#menu ul {
	display: none;
	position: absolute;
	top: 19px;
	background-color: #FFF;
	border: 1px solid;
	left: 0;
	width: 170px;
	border-color: silver #000 #000 silver;
	margin: 1px
}

#menu li {
	border: solid #4C7F1C;
	list-style: none;
	display: inline-block;
	position: relative;
	float: left;
	border-width: 0 1px;
	margin: 0;
	padding: 0 5px 0 2px
}

#menu li a {
	position: relative;
	line-height: 18px;
	padding-left: 5px;
	text-align: left
}

#menu li ul li {
	text-align: left;
	width: 100%;
	border: 0;
	padding: 2px 0
}

#menu li li a {
	text-decoration: none;
	color: #8E9884;
	background-color: #FFF;
	display: block;
	width: 160px
}

#menu li li a:hover {
	background-color: #EEE
}

#menu li ul li ul {
	top: 0;
	left: 170px
}

div.rBox {
	background: transparent;
	width: 240px;
	float: left;
	margin: 0 3px
}

.xb1,.xb2,.xb3,.xb4 {
	display: block;
	overflow: hidden
}

.xb1,.xb2,.xb3 {
	height: 1px
}

.xb2,.xb3,.xb4 {
	background: inherit;
	border-left: 1px solid;
	border-right: 1px solid
}

.xb1 {
	background: #777;
	margin: 0 5px
}

.xb2 {
	border-width: 0 2px;
	margin: 0 3px
}

.xb3 {
	margin: 0 2px
}

.xb4 {
	height: 2px;
	margin: 0 1px
}

.rBox b.color,.rBox div.color {
	background-color: #DDD
}

div.rBox div.content {
	display: block;
	border: 0 solid #444;
	height: auto;
	float: none;
	border-width: 0 1px;
	padding: 0 5px
}

.pickList table td.pLButtons {
	margin: 0 5px
}

.pickList select {
	width: 200px;
	background-color: #FFF;
	height: 100px;
	border-color: #7f9db9
}

td.pLButtons input#right {
	background: url(/ccpgate/ept/images/but-right.gif) no-repeat center;
	border: 0
}

td.pLButtons input#left {
	background: url(/ccpgate/ept/images/but-left.gif) no-repeat center;
	border: 0
}

.pickList input#right,.pickList input#left {
	float: left;
	position: relative;
	clear: left;
	width: 55px;
	height: 35px;
	margin-top: 5px;
	cursor: pointer
}

div.debugFile {
	width: 100%;
	height: 150px;
	overflow: auto;
	font-size: 12px
}

div.debug {
	width: 983px !important;
	margin-right: 2px;
	cursor: pointer;
	top: 0
}

div.debug .cPanelOff,.debug .cPanelOn {
	height: 11px;
	font-size: 10px;
	background: url(/ccpgate/ept/images/bgFooter00.gif) repeat-x;
	border-color: #82A07A
}

div.debug .cPanelOff span,.debug .cPanelOn span {
	line-height: 13px;
	color: #77967C;
	padding-left: 7px;
	font-weight: 400;
	margin: 0 !important
}

#moreInf {
	display: block;
	width: 300px !important;
	right: 10px;
	float: right;
	background-color: #EEE !important;
	bottom: 25px;
	z-index: 1000;
	padding: 10px !important
}

#moreInf p {
	background: transparent !important
}

#moreInf p label {
	width: 120px !important;
	margin-left: 10px !important;
	padding-left: 0 !important;
	background: transparent !important
}

.delNot {
	position: relative;
	float: left;
	text-align: center;
	width: 100%
}

#mainMI {
	height: 20px;
	position: relative;
	float: none;
	clear: both;
	margin-bottom: 8px;
	padding: 5px
}

#mainMI a {
	float: right;
	right: 1%;
	position: relative
}

#moreInf h1 {
	width: 265px;
	font-size: 110%
}

.hint {
	position: absolute;
	display: block;
	z-index: 5550
}

.hint .loading {
	line-height: 20px
}

.hint .hint_content {
	border: 1px solid gray;
	display: block;
	margin-top: 9px;
	background-color: #FFFFE1;
	padding: 5px
}

.hint .hint_arrow {
	background: url(/ccpgate/ept/images/arrow.gif) no-repeat top;
	height: 10px;
	left: 15px;
	position: absolute;
	top: 0;
	width: 12px;
	z-index: 99
}

.hint .htl,.hint .htr,.hint .hbl,.hint .hbr {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 9px;
	margin: 0;
	padding: 0
}

.hint .htl {
	background: url(/ccpgate/ept/images/hintTL.gif) no-repeat;
	left: 0;
	top: 0
}

.hint .htr {
	background: url(/ccpgate/ept/images/hintTR.gif) no-repeat;
	right: 0;
	top: 0
}

.hint .hbl {
	background: url(/ccpgate/ept/images/hintBL.gif) no-repeat;
	bottom: 0;
	left: 0
}

.hint .hbr {
	background: url(/ccpgate/ept/images/hintBR.gif) no-repeat;
	bottom: 0;
	right: 0
}

.hint .rBox {
	margin-top: 9px;
	min-width: 50px
}

.hint .rBox b.color,.hint .rBox div.color {
	background-color: #FFFFE1
}

.backLink {
	background-image: url(/ccpgate/ept/images/bback.gif);
	background-color: transaparent;
	background-repeat: no-repeat;
	background-position: left 0;
	color: #666;
	float: left;
	font-size: 110%;
	left: 1%;
	padding-left: 20px;
	margin: -20px 0 0 20px
}

.backLink:hover {
	background-position: left -15px
}

.currency {
	margin-left: 3px
}

.textRight {
	text-align: right;
	display: inline-block
}

input.amountWidth,span.amountWidth {
	display: inline-block;
	width: 14em;
	color: #2C8113;
	font-weight: 700
}

pre.exceptionStack {
	width: 98%;
	display: block;
	overflow: auto;
	height: 400px;
	float: none;
	margin: 0 auto
}

#errorMessage {
	float: none;
	clear: both;
	text-align: left;
	margin-left: 15px
}

textarea.debug {
	width: 400px;
	height: 150px
}

div.adress {
	display: block;
	height: 6em
}

span.adress {
	display: block
}

div.adress p input.name,div.adress p input.street,div.adress p span.name,div.adress p span.street
	{
	float: none;
	display: inline;
	margin: auto
}

div.adress p input.postCode,div.adress p span.postCode {
	float: left;
	margin-top: -1px
}

span.logPrompt {
	clear: both;
	display: block;
	margin-left: 15px;
	position: relative;
	text-align: left;
	top: 10px
}

input.ajax {
	background-image: url(/ccpgate/ept/images/CWAjax.gif);
	background-repeat: no-repeat;
	background-position: 100% -20px
}

#modWin {
	width: 600px;
	height: 300px;
	border: 2px solid gray;
	background-color: #FFF;
	position: absolute;
	top: 200px;
	z-index: 10000;
	left: 100px;
	float: left;
	display: block
}

.interval p {
	clear: none;
	float: left;
	position: relative;
	width: 45%
}

.interval_secondprompt {
	width: 15%;
	margin-left: 0 !important
}

.interval p .msg {
	margin-top: 5px;
	width: 99%
}

.interval p .msg span {
	margin-top: 5px;
	width: 100%
}

.noBorder {
	border: 0 !important
}

a.mailReceived {
	display: inline-block;
	margin-top: 3px;
	height: 23px;
	text-align: left;
	background: transparent url(/ccpgate/ept/images/newMail.jpg) no-repeat scroll left
		top;
	padding: 3px 0 0 30px
}

span.minDate {
	line-height: 20px;
	padding-left: 3px
}

span.maxDate {
	line-height: 20px;
	padding-left: 20px;
	background: url(/ccpgate/ept/images/CWArrowSubNav.gif) no-repeat 8px 4px
}

span.switchTrue {
	background: transparent url(/ccpgate/ept/images/CWTrue_small.gif) no-repeat scroll
		0 0;
	display: inline-block;
	height: 17px;
	width: 20px
}

span.switchFalse {
	background: transparent url(/ccpgate/ept/images/CWFalse_small.gif) no-repeat
		scroll 0 0;
	display: inline-block;
	height: 17px;
	width: 20px
}

.dataListHeader,.dataListContent {
	display: block;
	float: left;
	position: relative
}

a.delBtn {
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	background-image: url(/ccpgate/ept/images/delBtn.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

a.delBtn:hover {
	background-position: 0 -17px
}

.selectbox {
	float: left;
	left: 10px;
	margin-bottom: 5px;
	position: relative
}

div.multicolumnPad table td {
	padding: 0 10px !important
}

div.multiColumnCentered table {
	margin: 0 auto
}

.width98 {
	width: 98%
}

div.multicolumn table td {
	vertical-align: top;
	padding: 0 !important
}

div.multicolumn table td table td {
	padding: 0 5px !important
}

div.multicolumn table td .button {
	left: 0;
	margin: 5px 10px
}

div.redBorder,p.redBorder,span.redBorder {
	border: solid 1px red !important
}

div.multicolumn table {
	margin-top: 0;
	position: relative
}

td.multiColumn input {
	top: .1em;
	position: relative;
	clear: left;
	display: block;
	margin: 0 0 3px 35px
}

td.multiColumn p input {
	clear: none;
	display: inline;
	margin: 0 0 3px 35px !important
}

td.multiColumn {
	margin-top: 0;
	position: relative;
	display: block
}

div.messageBox {
	position: absolute;
	border: 1px solid #BBB;
	background: #fff;
	z-index: 1000005;
	width: 760px;
	text-align: center
}

div.messageBox .title {
	font-size: 13px;
	position: relative;
	height: 45px;
	line-height: 35px
}

div.messageBox .title span {
	padding-left: 10px
}

div.messageBox ul.msgs {
	padding: 0 15px
}

div.messageBox ul li.error {
	color: red;
	font-weight: 700
}

div.messageBox div.btnBar {
	display: inline-block;
	margin: 8px auto 10px
}

div.messageBox input.button {
	display: inline-block;
	left: 0;
	margin: 0 8px
}

div.messageBox #mForm {
	text-align: left;
	padding-bottom: 10px;
	margin: 0 10px
}

div.messageBox div.right {
	float: right
}

div.messageBox #close {
	margin-right: 10px;
	top: 10px;
	position: relative;
	float: left;
	width: 12px;
	height: 12px
}

div.messageBox div.title {
	cursor: move
}

div.messageBox span.error {
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 5px 4px;
	border-bottom: 1px solid red;
	border-top: 1px solid red;
	margin: 5px auto;
	padding: 5px
}

span.loading {
	line-height: 30px;
	font-weight: 700;
	color: #333;
	background: url(/ccpgate/ept/images/CWTreeLoading.gif) no-repeat 10px 6px;
	float: none !important;
	padding: 7px 0 10px 35px
}

div.loading {
	background-image: url(/ccpgate/ept/images/CWTreeLoading.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat
}

p.noPrompt,#commandsLeft a.updateProfile {
	background-image: none
}

#welcome {
	float: right
}

table .oddRow,table.tree .oddRow,div.noPrompt {
	background-color: #FFF;
	border-top: 1px solid #bbb
}

table.result .alignRight,table .amountColumn {
	text-align: right;
	white-space: pre
}

div.adress .name,div.adress .street {
	float: none;
	display: block;
	margin: 3px 0 0 2px
}

div.adress .postCode,div.adress .city {
	float: left;
	margin: 3px 0 0 2px
}

span.txtarea {
	text-align: left;
	padding-left: 3px;
	margin-left: 3px;
	line-height: 20px;
	display: inline-block;
	width: 440px
}

span.overflowTxtarea {
	overflow: auto;
	height: 150px;
	width: 600px;
	border: 1px solid #888
}

.memoLine {
	overflow: hidden;
	width: 100%
}

.editor .memoLine {
	width: auto
}

.memoLine label {
	display: inline-block;
	float: left
}

.memoLine div.readonly,.memoLine div.disabled {
	border: 1px solid #7F9DB9
}

.memoLine div.disabled {
	background-color: #F2F2F2
}

.memoLine div.edit {
	border: 1px dotted #7F9DB9;
	cursor: text
}

.memoLine div.edit,.memoLine div.dvo,.memoLine div.readonly,.memoLine div.disabled
	{
	display: block;
	width: 350px;
	min-height: 15px;
	float: left;
	margin: 1px 5px;
	padding: 2px 3px
}

.memoLine span,.memoLine div div {
	width: auto;
	display: inline;
	margin: 0;
	padding: 0
}

.xhtmlContainer {
	display: block;
	min-height: 15px;
	margin: 1px 5px;
	padding: 2px 3px
}

#WysiEditor .memo ul,#WysiEditor .memo li {
	padding: 1px 0 !important
}

.memoLine p {
	background: 0;
	font-size: 12px
}

.memoLine input {
	width: 0;
	height: 0;
	border: 0 !important;
	float: left;
	margin: 0 !important;
	padding: 0 !important
}

#WysiEditor {
	border: 2px solid #2F2F2F;
	width: 660px;
	height: auto;
	position: absolute
}

#WysiEditor.noFont {
	width: 400px
}

#editor {
	background: #fff;
	width: 100%;
	display: table
}

div#editorContent {
	vertical-align: top;
	position: relative;
	font-size: 12px;
	padding: 15px 10px
}

.toolBarMenu {
	background-color: #EFF3FF;
	border-bottom: 1px solid #ccc;
	height: 25px;
	padding: 8px
}

.toolBarMenu .reviser_sel {
	position: relative;
	float: left;
	font-size: 12px;
	margin: 3px 0 0 8px
}

.toolBarMenu a.memEdit {
	color: #000;
	background-image: url(/ccpgate/ept/images/WysiToolBar.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 20px;
	height: 24px;
	cursor: pointer;
	margin-right: 4px;
	text-decoration: none;
	border: 1px solid #EFF3FF;
	padding: 0 3px
}

a.memEdit:hover {
	border-color: #EEE #AAA #AAA #EEE;
	border-style: solid;
	border-width: 1px
}

div.toolBarMenu a.sel {
	background-color: #E0E4EF;
	border-color: #EEE #AAA #AAA #EEE;
	border-style: solid;
	border-width: 1px
}

.separator,.white {
	display: block;
	float: left;
	height: 24px;
	margin-right: 4px;
	width: 4px;
	cursor: default
}

.separator {
	background: url(/ccpgate/ept/images/WysiToolBar.gif) no-repeat left -98px
}

#boldSelection {
	background-position: center 2px
}

#italicSelection {
	background-position: center -18px
}

#underlineSelection {
	background-position: center -38px
}

#insertOrderedList {
	background-position: center -78px
}

#insertUnorderedList {
	background-position: center -58px
}

#undo {
	background-position: center -178px
}

#redo {
	background-position: center -198px
}

#sourceMode {
	background-position: center -218px
}

#save {
	background-position: center -238px
}

#cancel {
	background-position: center -258px
}

#swtch {
	background-image: none;
	width: auto;
	vertical-align: middle;
	line-height: 24px
}

#editorTxtarea {
	width: 95%;
	border: 0;
	overflow: none;
	height: 200px;
	padding: 5px
}

.cms {
	display: block;
	width: 500px;
	height: 100px;
	border: 1px solid gray
}

.intervalPrompt {
	text-align: right;
	vertical-align: top;
	display: inline-block;
	width: 72px !important;
	margin-top: 3px
}

.spinDown,.spinUp {
	background-image: url(/ccpgate/ept/images/plusMinus.gif);
	background-repeat: no-repeat;
	border: 0;
	height: 14px;
	width: 14px;
	margin-left: 2px;
	cursor: pointer
}

.spinDown {
	background-position: -14px 0
}

.spinDown:hover {
	background-position: -14px -14px
}

.popupAbove {
	z-index: 101
}

#content table.tableGrey td#links a,#main div#situation a,.menuItem li a
	{
	color: #5587ad
}

.pageHeader {
	height: 150px;
	position: relative
}

body .pageFooter {
	width: 980px;
	display: block;
	text-align: center;
	margin: 0 auto 20px
}

#quicklinkB2C {
	float: left;
	width: 175px;
	margin: 2px 0 0 10px
}

#quickLinks {
	position: absolute;
	width: 150px;
	top: 71px;
	left: 10px;
	display: none
}

#topMenu {
	position: absolute;
	left: 0;
	top: 52px;
	width: auto;
	text-align: center;
	height: 64px
}

.menuLeft #colContent {
	width: 740px;
	float: left;
	margin-left: 30px !important;
	margin-top: 22px !important
}

.menuLeft #colMenu {
	width: 170px;
	float: left
}

#colMenu ul li {
	margin-bottom: -1px
}

#colMenu a {
	white-space: normal;
	text-decoration: none;
	display: block
}

#colMenu li span {
	font-size: 13px;
	color: #222;
	text-transform: uppercase;
	height: 35px;
	line-height: 35px;
	display: block;
	padding: 0 0 0 10px
}

#colMenu li li a {
	background: 0;
	line-height: 16px;
	height: auto;
	color: #555;
	text-transform: inherit
}

#colMenu a:hover {
	color: #2c8113;
	background: #F6F6F6
}

#colMenu a.sel {
	line-height: 16px;
	height: auto;
	border-bottom: solid 1px #ccc;
	border-top: solid 2px #fff;
	border-right: solid 1px #ccc;
	text-transform: inherit;
	width: 160px;
	background: url(/ccpgate/ept/images/pt-sidenavi-yellow.png) no-repeat bottom;
	color: #2c8113;
	padding: 3px 9px 5px 10px
}

#bottom {
	clear: both;
	float: none;
	line-height: 35px;
	padding: 0 20px
}

#bottom b {
	color: #222;
	font-style: normal
}

div.startLogo {
	width: 280px;
	height: 140px;
	background: url(/ccpgate/ept/images/proto-j-Thaler.jpg) 100% no-repeat;
	position: relative;
	margin: 10px
}

#jobName span {
	color: #222;
	font-size: 18px
}

#bannerTop.cms {
	height: 67px;
	border: 0
}

.col1,col2 {
	padding-bottom: 5px
}

.brokenLine input.date {
	float: left;
	clear: left
}

span.switch {
	background: transparent url(/ccpgate/ept/images/switch.gif) no-repeat top left;
	padding: 0 4px
}

div.noList {
	width: 745px
}

.noList div.line,.noList p {
	padding-top: 2px;
	background: url(/ccpgate/ept/images/promptBack.gif) repeat-y scroll -40px 0
		transparent
}

.noList td>span.value,.noList td>span.txtBlock {
	padding-left: 40px
}

a.btnUnsignEnvelope,a.btnSignEnvelope {
	left: 250px;
	width: 81px;
	height: 23px;
	border: 0;
	margin-right: 3px;
	display: block;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 23px;
	text-align: center;
	line-height: 23px;
	text-decoration: none;
	color: #000;
	padding: 0
}

.clear {
	height: 0;
	width: 0;
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden
}

#session li.tab1 {
	background-image: url(/ccpgate/ept/images/tab00.gif)
}

#session li.tabAdd1 {
	background-image: url(/ccpgate/ept/images/tabAdd00.gif)
}

#session li.tab2 {
	background-image: url(/ccpgate/ept/images/tab01.gif)
}

#session li.tabAdd2 {
	background-image: url(/ccpgate/ept/images/tabAdd01.gif)
}

#session li.tab3 {
	background-image: url(/ccpgate/ept/images/tab02.gif)
}

#session li.tabAdd3 {
	background-image: url(/ccpgate/ept/images/tabAdd02.gif)
}

#session li.tab4 {
	background-image: url(/ccpgate/ept/images/tab03.gif)
}

#session li.tabAdd4 {
	background-image: url(/ccpgate/ept/images/tabAdd03.gif)
}

#session li.tab5 {
	background-image: url(/ccpgate/ept/images/tab04.gif)
}

#session li.tabAdd5 {
	background-image: url(/ccpgate/ept/images/tabAdd04.gif)
}

#session li.tab6 {
	background-image: url(/ccpgate/ept/images/tab05.gif)
}

#session li.tabAdd6 {
	background-image: url(/ccpgate/ept/images/tabAdd05.gif)
}

.colPanCont {
	width: 100%;
	display: block;
	top: 0;
	visibility: visible;
	background: #f6f6f6;
	border: 0 none;
	margin: 0 0 20px
}

.colPanCont .colPan {
	width: 100%;
	border: medium none;
	padding: 0
}

.colPanCont .headCont {
	width: 100%;
	background: url(/ccpgate/ept/images/pt-sidenavi-header.png) repeat-x;
	height: 35px;
	position: relative;
	z-index: 9
}

.colPanCont .header {
	width: 100%;
	border: medium none;
	color: #666;
	height: 22px;
	margin-left: 5px;
	padding: 5px 0 3px
}

.colPanCont .header div.cPOn,.colPanCont .header div.cPOff,.colPanCont .header div.cPDis
	{
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 100%;
	z-index: 10;
	padding: 3px 0 3px 5px
}

.colPanCont .header div.cPOn,.colPanCont .header div.cPOff {
	cursor: pointer;
	background-color: transparent;
	background-image: url(/ccpgate/ept/images/pt-icon-plusminus.png);
	background-repeat: no-repeat
}

.colPanCont .header div.cPOn {
	background-position: left bottom
}

.colPanCont .header span {
	margin-left: 28px;
	cursor: pointer;
	line-height: 18px
}

.colPanCont .colPanContent {
	width: 99.5%;
	display: block;
	overflow: none;
	background: transparent none repeat scroll 0;
	clear: both;
	border-bottom: solid 1px #ccc;
	padding: 15px 0
}

.colPanCont .titleComponent {
	position: absolute;
	right: 0;
	top: 8px
}

.warning .headCont {
	background: transparent url(/ccpgate/ept/images/cp-title-red.png) no-repeat scroll
		left top
}

.warning .header {
	background: transparent url(/ccpgate/ept/images/cp-title-left-red.png) no-repeat
		scroll right top
}

.pTP {
	position: relative;
	width: 98%;
	z-index: 10
}

.tPContent {
	clear: both;
	width: 100%;
	position: relative;
	border: #BBB 1px solid;
	border-top: 0;
	margin-left: -1px
}

.footer,.header,TPContent {
	float: none;
	clear: both
}

.pTP_header {
	border-bottom: 1px dotted gray
}

.pTP_footer {
	border-top: 1px dotted gray
}

.pTP .buttons {
	width: 100%;
	background: url(/ccpgate/ept/images/tab-line.gif) repeat-x bottom;
	border-right: 3px solid #FFF;
	height: 35px
}

.pTP div.buttons ul {
	float: left;
	width: 98%;
	left: 2%;
	line-height: normal;
	font: 11px/ 18px Verdana;
	list-style: none;
	border: 0;
	padding-top: 10px;
	margin: 0
}

.pTP div.buttons ul li {
	display: inline;
	float: left;
	margin: 0 1px 0 0;
	padding: 0
}

.pTP div.buttons ul a {
	float: left;
	background: url(/ccpgate/ept/images/tabLeftb.gif) no-repeat left 0;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 4px
}

.pTP div.buttons ul a span {
	display: block;
	background: url(/ccpgate/ept/images/tabcenterb.gif) repeat-x 0;
	color: #666;
	float: left;
	line-height: 18px;
	margin: 0;
	padding: 3px 15px 3px 6px
}

.pTP div.buttons ul a b.tabCenter {
	display: block;
	background: url(/ccpgate/ept/images/tabrightb.gif) no-repeat right 0;
	float: left;
	height: 24px;
	width: 4px;
	margin: 0
}

.pTP div.buttons ul .pTP_inactiveHeaderCell a b.tabCenter {
	background-position: right -100px
}

.pTP div.buttons ul .pTP_inactiveHeaderCell a:hover b.tabCenter {
	background-position: right -200px
}

.pTP div.buttons ul .pTP_activeHeaderCell a {
	background-position: 0 0;
	cursor: default;
	border-bottom: 1px solid #FFF
}

div.tPContent div.cwPanel {
	width: 99%;
	padding: 15px 0
}

div.alignPrompt div.cwPanel {
	margin-left: -10px
}

.pTP div.buttons ul .warning a span {
	color: red !important
}

.popupLoading {
	color: #000;
	background-color: #F5F5F5;
	border: 1px solid gray;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	z-index: 500;
	width: 200px;
	height: 25px;
	overflow: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
	top: 0;
	left: 2px;
	margin-top: 17px;
	padding: 1px
}

.footer {
	color: #FF4066
}

span.TH input {
	background-image: url(/ccpgate/ept/images/CWAjax.gif);
	background-position: 100% 1px;
	background-repeat: no-repeat;
	display: inline;
	position: relative;
	z-index: 1
}

span.TH input.img,span.TH input.imgDis,p.disabled span.TH input.img {
	position: relative;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/ccpgate/ept/images/CWTH.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 12px;
	margin-left: -12px !important;
	z-index: 20;
	padding: 0 !important
}

span.TH input.imgDis,p.disabled span.TH input.img {
	background-position: 0 -29px;
	cursor: auto
}

.tableHelp {
	z-index: 100;
	top: 17px;
	left: 3px;
	padding-bottom: 5px
}

.tableHelp ul {
	display: block;
	float: left;
	font: 11px tahoma;
	background-color: #F5F5F5;
	z-index: 100;
	width: 99%
}

.tableHelp ul li {
	left: 0;
	padding-bottom: 5px
}

.tableHelp li {
	display: block;
	list-style: none;
	float: left;
	border: 1px solid #999;
	background-color: #F5F5F5;
	width: 99%;
	margin: 0
}

.tableHelp ul ul {
	background: 0;
	overflow-y: auto;
	overflow-x: hidden;
	border: dashed #999;
	clear: left;
	width: 100%;
	border-width: 1px 0
}

.tableHelp li li {
	display: block;
	clear: both;
	color: #333;
	border: 0;
	background-color: #F5F5F5;
	cursor: pointer;
	width: 100%;
	margin: 0
}

.tableHelp a {
	height: 16px;
	color: #333;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 16px
}

.tableHelp a b {
	display: block;
	float: left;
	text-align: left;
	padding-left: 5px;
	font-weight: 400;
	font-family: Lucida Console
}

.tableHelp a i {
	display: block;
	float: left;
	padding-left: 5px;
	font-style: normal;
	color: #333;
	border-left: 1px solid #999
}

.tableHelp .row0,.tableHelp .rowx {
	font-weight: 700;
	color: #333;
	line-height: 18px;
	display: block;
	text-align: left;
	float: left;
	padding: 3px 0 0 5px
}

.tableHelp .rowx {
	border-left: 1px solid #999
}

.tableHelp a.popupItemLib {
	width: 250px;
	font-weight: 400
}

.tableHelp li.message {
	font-weight: 700;
	border-top: 1px solid #999;
	white-space: normal;
	padding: 2px 0 0 5px
}

.tableHelp ul.label a {
	padding: 0 5px
}

.CWCal-div-style {
	z-index: 1000010;
	position: absolute;
	display: block
}

.CWCal-title-style {
	position: relative;
	z-index: 100000;
	display: block;
	top: 0;
	font-family: arial;
	font-size: 11px;
	font-weight: 700;
	color: #FFF;
	margin: 0;
	padding: 8px 0 2px
}

.CWCal-title-control {
	cursor: pointer;
	border-color: transparent;
	border-style: solid;
	border-width: 1px !important
}

#caption .hover {
	border-color: #FFF #000 #000 #FFF;
	border-width: 1px
}

.CWCal-dropdown-style {
	font-family: arial;
	font-size: 11px;
	background: 0;
	width: auto;
	height: auto;
	background-color: #E6E6E6;
	cursor: pointer;
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px
}

.CWCal-dropdown-select-style {
	background-color: #ACACAC
}

.CWCal-dropdown-normal-style {
	background-color: #E6E6E6
}

.CWCal-body-style {
	font-family: verdana;
	font-size: 10px;
	margin: 10px
}

.CWCal-current-day-style {
	color: red;
	font-weight: 700;
	text-decoration: none
}

.CWCal-end-of-weekday-style {
	color: #909090;
	text-decoration: none
}

.CWCal-normal-day-style {
	color: #000;
	text-decoration: none
}

.CWCal-would-be-selected-day-style {
	background-color: #FFF
}

.CWCal-selected-day-style {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px
}

.CWCal-holiday-style {
	background-color: #FDD
}

.CWCal-today-style {
	color: #000;
	text-align: center;
	text-decoration: none;
	padding: 0
}

.CWCal-today-lbl-style {
	position: absolute;
	bottom: 0;
	width: 260px;
	display: block;
	text-align: center;
	padding: 5px
}

.CWCal-weeknumber-div-style {
	background-color: #AAA;
	padding: 0
}

.calendarImage {
	position: relative;
	cursor: pointer;
	background: url(/ccpgate/ept/images/pt-icon-calendar.png) no-repeat 100%;
	text-decoration: none;
	padding: 3px 10px
}

div.calMain {
	border: 1px solid #BBB;
	background: #fff;
	font-family: arial;
	font-size: 11px;
	display: block;
	width: 260px;
	text-align: center;
	border-collapse: collapse;
	position: absolute;
	top: 0
}

div.calToday,div.calTitle {
	position: relative;
	margin: 0
}

div.calToday {
	width: 260px;
	height: 20px
}

div.calTitle {
	width: 250px;
	height: 25px;
	background: url(/ccpgate/ept/images/pt-headerbg-message.png) repeat-x top left;
	z-index: 10;
	padding: 8px 5px 0
}

#closeCalendar {
	float: right;
	margin: 3px 5px 0 0
}

#closeCalendar div {
	background: url(/ccpgate/ept/images/buttonClose.gif) no-repeat 0 -12px;
	width: 12px;
	height: 12px
}

div.calBody {
	position: relative;
	display: block;
	width: 260px;
	text-align: center
}

#caption {
	float: left;
	position: relative
}

#caption .cont {
	float: left;
	position: relative;
	padding-right: 5px
}

#spanLeft,#spanRight,#spanMonth,#spanYear {
	width: 13px;
	height: 16px;
	float: left;
	position: relative;
	padding-right: 5px
}

#spanRight {
	background: transparent url(/ccpgate/ept/images/calRight.gif) no-repeat 100%
}

#spanLeft {
	background: transparent url(/ccpgate/ept/images/calLeft.gif) no-repeat 100%
}

#spanMonth,#spanYear {
	width: auto;
	color: #555;
	padding-right: 17px;
	background: transparent url(/ccpgate/ept/images/calDown.gif) no-repeat right
}

#selectMonth,#selectYear {
	position: absolute;
	top: 20px;
	left: 8px
}

.tree {
	position: relative;
	width: 98%;
	left: 1%;
	text-align: left
}

.tree td.tline,.tree td.noline,.tree td.lineFirst,.tree td.lineMiddle,.tree td.lineLast,.tree td.nodeOpen,.tree td.nodeOpenFirst,.tree td.nodeOpenMiddle,.tree td.nodeOpenLast,.tree td.nodeClose,.tree td.nodeCloseFirst,.tree td.nodeCloseMiddle,.tree td.nodeCloseLast
	{
	width: 23px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2px 0
}

.tree td.tline a,.tree td.noline a,.tree td.lineFirst a,.tree td.lineMiddle a,.tree td.lineLast a,.tree td.nodeOpen a,.tree td.nodeOpenFirst a,.tree td.nodeOpenMiddle a,.tree td.nodeOpenLast a,.tree td.nodeClose a,.tree td.nodeCloseFirst a,.tree td.nodeCloseMiddle a,.tree td.nodeCloseLast a
	{
	text-decoration: none;
	margin: 0;
	padding: 0 13px 0 0
}

.tree td.tline {
	background-image: url(/ccpgate/ept/images/CWTree-line.gif)
}

.tree td.noline {
	background-image: url(/ccpgate/ept/images/CWTree-noline.gif)
}

.tree td.lineFirst {
	background-image: url(/ccpgate/ept/images/CWTree-line_first.gif)
}

.tree td.lineMiddle {
	background-image: url(/ccpgate/ept/images/CWTree-line_middle.gif)
}

.tree td.lineLast {
	background-image: url(/ccpgate/ept/images/CWTree-line_last.gif)
}

.tree td.nodeOpen {
	background-image: url(/ccpgate/ept/images/CWTree-node_open.gif)
}

.tree td.nodeOpenFirst {
	background-image: url(/ccpgate/ept/images/CWTree-node_open_first.gif)
}

.tree td.nodeOpenMiddle {
	background-image: url(/ccpgate/ept/images/CWTree-node_open_middle.gif)
}

.tree td.nodeOpenLast {
	background-image: url(/ccpgate/ept/images/CWTree-node_open_last.gif)
}

.tree td.nodeClose {
	background-image: url(/ccpgate/ept/images/CWTree-node_close.gif)
}

.tree td.nodeCloseFirst {
	background-image: url(/ccpgate/ept/images/CWTree-node_close_first.gif)
}

.tree td.nodeCloseMiddle {
	background-image: url(/ccpgate/ept/images/CWTree-node_close_middle.gif)
}

.tree td.nodeCloseLast {
	background-image: url(/ccpgate/ept/images/CWTree-node_close_last.gif)
}

.treeview,.treeview ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.treeview ul {
	background-color: #FFF;
	margin-top: 4px
}

.treeview .hitarea {
	background: url(/ccpgate/ept/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer
}

* html .hitarea,* html .image {
	display: inline;
	float: none
}

.treeview li {
	background: url(/ccpgate/ept/images/treeview-default-line.gif) 0 0 no-repeat;
	margin: 0;
	padding: 3px 0 3px 16px
}

.treeview a.selected {
	background-color: #eee
}

#treecontrol {
	display: none;
	margin: 1em 0
}

.treeview .hover {
	color: red;
	cursor: pointer
}

.treeview li.collapsable,.treeview li.expandable {
	background-position: 0 -176px
}

.treeview .expandable-hitarea {
	background-position: -80px -3px
}

.treeview li.last {
	background-position: 0 -1766px
}

.treeview li.lastCollapsable,.treeview li.lastExpandable {
	background-image: url(/ccpgate/ept/images/treeview-default.gif)
}

.treeview li.lastCollapsable {
	background-position: 0 -111px
}

.treeview li.lastExpandable {
	background-position: -32px -67px
}

.treeview-black li {
	background-image: url(/ccpgate/ept/images/treeview-black-line.gif)
}

.treeview-black .hitarea,.treeview-black li.lastCollapsable,.treeview-black li.lastExpandable
	{
	background-image: url(/ccpgate/ept/images/treeview-black.gif)
}

.treeview-gray li {
	background-image: url(/ccpgate/ept/images/treeview-gray-line.gif)
}

.treeview-gray .hitarea,.treeview-gray li.lastCollapsable,.treeview-gray li.lastExpandable
	{
	background-image: url(/ccpgate/ept/images/treeview-gray.gif)
}

.filetree li {
	padding: 3px 0 2px 16px
}

.treeview .image {
	padding-left: 16px;
	margin-right: 2px;
	margin-left: -16px;
	float: left
}

.treeview .image div {
	background-image: url(/ccpgate/ept/images/CWTreeImages.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	padding-left: 13px;
	display: inline
}

.treeview .image div.y-folder {
	background-position: 0 -16px
}

.treeview .image div.b-folder {
	background-position: -16px -16px
}

.treeview .expandable .image div.b-folder {
	background-position: -16px 0
}

.treeview .image div.person {
	background-position: -32px 0
}

.treeview .image div.doc {
	background-position: -32px -16px
}

.treeview ul span.loading {
	line-height: 30px;
	font-weight: 700;
	color: #333;
	background: url(/ccpgate/ept/images/CWTreeLoading.gif) no-repeat 10px 6px;
	padding: 7px 0 10px 35px
}

.aOrder {
	background-repeat: no-repeat;
	float: left;
	padding-right: 15px;
	position: relative
}

.aOrder_BUYI_EN {
	background-image: url(/ccpgate/ept/images/ACEN.gif)
}

.aOrder_BUYI_FR {
	background-image: url(/ccpgate/ept/images/ACFR.gif)
}

.aOrder_BUYI_NL {
	background-image: url(/ccpgate/ept/images/ACNL.gif)
}

.aOrder_SELL_EN {
	background-image: url(/ccpgate/ept/images/VCEN.gif)
}

.aOrder_SELL_FR {
	background-image: url(/ccpgate/ept/images/VCFR.gif)
}

.aOrder_SELL_NL {
	background-image: url(/ccpgate/ept/images/VCNL.gif)
}

.aOrder_ORDER_EN {
	background-image: url(/ccpgate/ept/images/OREN.gif)
}

.aOrder_ORDER_FR {
	background-image: url(/ccpgate/ept/images/ORFR.gif)
}

.aOrder_ORDER_NL {
	background-image: url(/ccpgate/ept/images/ORNL.gif)
}

div.benefAccount .line {
	background: 0;
	margin: 0 0 5px
}

div.benefAccount .line label {
	background: 0;
	width: auto;
	font-weight: 700;
	margin: 0 !important
}

div.benefAccount .line #select label {
	font-weight: 400
}

div.benefAccount .for {
	display: block;
	margin: 3px 0 3px 3px
}

div.benefAccount input.extAcc {
	position: relative;
	margin-left: 3px
}

.upload span.enabled {
	display: block;
	text-align: left;
	border-width: 0
}

p .upload span.enabled {
	left: 245px;
	position: relative
}

div.gBContent p .upload span.enabled {
	left: 215px
}

.upload input.btnDeleteFile {
	width: 91px;
	left: 5px;
	text-align: center
}

.upload input.btnDeleteFile:hover {
	background-position: left center
}

.upload input.btnAddFile {
	background-image: url(/ccpgate/ept/images/btnAdd.gif);
	width: 81px;
	left: 3px;
	text-align: center
}

.digi {
	padding-left: 170px;
	background: transparent url(/ccpgate/ept/images/digi.jpg) no-repeat 40px 5px
}

.digi p label {
	background-color: transparent;
	width: auto !important;
	padding-left: 0;
	margin-left: 6px
}

.digi ol {
	display: block;
	margin: 10px 0
}

.digi ol li {
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 20px;
	vertical-align: middle;
	padding: 1px 0 1px 20px
}

.digi .gBContent {
	font-size: 120%;
	margin: 0 10px
}

.digi span.digiLeft {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: transparent url(/ccpgate/ept/images/digiLeft.gif) no-repeat top left
}

.digi span.digi2 {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: transparent url(/ccpgate/ept/images/digi2.gif) no-repeat top left
}

.digi p {
	font-size: 100%;
	background: 0
}

.centered,table.result {
	margin: auto
}

fieldset,img,.groupBox.navigationBar input,.tableHelp ul.label ul {
	border: 0
}

.nowrap,.nowrapOver,span.TH {
	white-space: nowrap
}

.left,.textLeft {
	text-align: left
}

div.col1 div.tableContent,div.col2 div.tableContent,table td.prompt,div.noList .scrollerBar .formNavigation,div.multicolumn table td .tableContent,#colMenu ul li li,#colMenu ul li li li,.interval .mandatory
	{
	margin: 0
}

span.txtBlock,span.labelOnly,.menuLeft #content {
	display: inline-block
}

.button.disabled:hover,input.disabled {
	background-position: bottom center
}

table input.button,div.noList .staticFacet {
	left: 0
}

div.line .select,.select,#centralMenu li,div.messageBox ul li,.memoLine div
	{
	display: inline
}

p.noBack,p.noBack label,#colMenu li li li a {
	background: 0
}

.toolBarBlock a,.toolBarBlock a:hover,#lang b,.headerDataTable a.commandSortHeader
	{
	color: #222
}

#commands a.export,#commands a.admin,#commands a.company {
	background-image: url(/ccpgate/ept/images/pt-icon-print.png);
	background-repeat: no-repeat
}

#quickLinks ul li:hover,#content li li.popupItemHover {
	background-color: #CCC
}

#bread a:hover,.topResultLink:hover {
	color: gray
}

.formNavigation li span.txStepVisited,.formNavigation li span.txStepNotVisited,.formNavigation li span.number
	{
	font-weight: 400;
	background-position: -101px 0
}

div.gBContent p table label,div.gBContent div.line table label,div.multicolumn table td h1,.noList div.line label,.noList div.prompt,.noList p label
	{
	margin-left: 0
}

p.noPrompt span.msg,p.noBack .upload span.enabled {
	left: 1px !important
}

.activeRecord,td span.amount.positive {
	color: green
}

.pickList,div.benefAccount .external {
	position: relative
}

.dataListHeader,.digi span.val {
	font-weight: 700
}

p.noPrompt label,.msgHidden,div.benefAccount .brokenLine label,.upload span.disabled
	{
	display: none
}

div.messageBox div.left,.brokenLine a.calendarImage {
	float: left
}

#commands a.admin:hover,#session li a:hover,div.messageBox #close :hover,.spinUp,#closeCalendar div:hover,.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea,.treeview .expandable .image div.y-folder
	{
	background-position: 0 0
}

.xhtmlContainer ol,.xhtmlContainer ul,#WysiEditor ol,#WysiEditor ul,.memoLine ol,.memoLine ul
	{
	list-style-type: circle;
	list-style-position: inside;
	padding: 8px 0
}

.xhtmlContainer li,#WysiEditor li,.memoLine li {
	list-style-type: circle;
	list-style-position: inside
}

.spinUp:hover,span.TH input.img:hover {
	background-position: 0 -14px
}

#session li.select,.colPanCont .header div.cPOff {
	background-position: left top
}

.colPanCont .header div.cPDis,.colPanCont .header div.cPDis span {
	cursor: pointer
}

.pTP div.buttons ul .pTP_inactiveHeaderCell a,.pTP div.buttons ul .pTP_inactiveHeaderCell a span
	{
	background-position: 0 -100px
}

.pTP div.buttons ul .pTP_inactiveHeaderCell a:hover,.pTP div.buttons ul .pTP_inactiveHeaderCell a:hover span
	{
	background-position: 0 -200px
}

.pTP div.buttons ul .pTP_activeHeaderCell a span,.pTP div.buttons ul .pTP_activeHeaderCell a b.tabCenter
	{
	background-position: 100% 0;
	color: #666
}

.tableHelp ul li ul li,.tableHelp ul.label li {
	padding-bottom: 0
}

#j_id_id160_line,#j_id_id113_line {
	text-align: center
}

#j_id_id160_line label,#j_id_id113_line label {
	display: none
}

#accountNumber_line select {
	max-width: 470px;
	width: 470px
}

#qrApple img,#qrGoogle img {
	float: left !important;
	margin-left: 125px !important
}

#qrcodeholderGoogle,#qrcodeholderApple {
	float: left
}

.xhtmlContainer {
	clear: both
}

#qrcodeholderGoogle table,#qrcodeholderApple table {
	width: 170px !important;
	height: 170px !important
}

#otherAccount_bic_libelle,#counterpartyAccount_bic_libelle,#bankBicCode_libelle
	{
	margin-left: 15px !important
}

@font-face {
	font-family: 'MuseoSans-300';
	src: url("/ccpgate/ept/fonts/museosans_300-webfont.eot");
	src: url("/ccpgate/ept/fonts/museosans_300-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("/ccpgate/ept/fonts/museosans_300-webfont.woff") format("woff"),
		url("/ccpgate/ept/fonts/museosans_300-webfont.ttf") format("truetype"),
		url("/ccpgate/ept/fonts/museosans_300-webfont.svg#museo_sans300") format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'MuseoSans-700';
	src: url("/ccpgate/ept/fonts/museosans_700-webfont.eot");
	src: url("/ccpgate/ept/fonts/museosans_700-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("/ccpgate/ept/fonts/museosans_700-webfont.woff") format("woff"),
		url("/ccpgate/ept/fonts/museosans_700-webfont.ttf") format("truetype"),
		url("/ccpgate/ept/fonts/museosans_700-webfont.svg#museo_sans700") format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'MuseoSans-500';
	src: url("/ccpgate/ept/fonts/museosans_500-webfont.eot");
	src: url("/ccpgate/ept/fonts/museosans_500-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("/ccpgate/ept/fonts/museosans_500-webfont.woff") format("woff"),
		url("/ccpgate/ept/fonts/museosans_500-webfont.ttf") format("truetype"),
		url("/ccpgate/ept/fonts/museosans_500-webfont.svg#museo_sans500") format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'MuseoSans-900';
	src: url("/ccpgate/ept/fonts/museosans_900-webfont.eot");
	src: url("/ccpgate/ept/fonts/museosans_900-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("/ccpgate/ept/fonts/museosans_900-webfont.woff") format("woff"),
		url("/ccpgate/ept/fonts/museosans_900-webfont.ttf") format("truetype"),
		url("/ccpgate/ept/fonts/museosans_900-webfont.svg#museo_sans900") format("svg");
	font-weight: 400;
	font-style: normal
}

html {
	-webkit-text-size-adjust: none;
	height: 100%
}

body {
	background: url('/ccpgate/ept/images/bg_particuliers.png') no-repeat 50% top fixed
		!important;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #383838;
	background: gold;
	height: 100%;
	padding-bottom: 20px
}

#content {
	padding: 30px;
	padding-top: 51px;
	background: #fff;
	border: solid 1px #f0f0f0;
	border-bottom: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block !important;
	overflow: hidden;
	padding-bottom: 10px
}

body.home #content {
	padding-top: 30px
}

#containerFull {
	min-height: 1px !important
}

.pageFooter {
	border: solid 1px #f0f0f0;
	border-top: 0;
	margin-bottom: 20px;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.non-footer>form>.pageHeader {
	border-bottom: solid 5px #fabc0b
}

.non-footer>form>.pageHeader .ccp_connect {
	color: #009400;
	text-align: right;
	font-family: 'MuseoSans-500';
	font-size: 19px;
	padding-top: 0
}

#logoBlock {
	background: url('/ccpgate/ept/images/header.png');
	height: 123px;
	width: 980px;
	top: 34px
}

#topMenu {
	top: 155px;
	width: 100%
}

#topMenu li {
	width: 211px;
	float: left;
	height: 64px;
	text-align: center;
	border-bottom: solid 5px #dcdcdc;
	margin-right: 2px;
	padding-top: 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#topMenu li.current {
	border-color: #00addd
}

#topMenu li.last {
	width: 128px;
	margin-right: 0;
	padding-top: 15px !important
}

#topMenu li a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out
}

#topMenu li:hover a {
	color: #00addd;
	text-decoration: none
}

#topMenu a {
	font-family: 'MuseoSans-500';
	text-transform: uppercase;
	display: table-cell;
	text-align: center;
	height: 64px;
	vertical-align: middle;
	line-height: 1.4;
	font-size: 12px;
	width: 211px
}

#topMenu a.logOff {
	display: inline-block;
	text-align: left;
	height: auto;
	width: auto
}

a.mailReceived {
	position: absolute;
	top: 210px;
	margin-top: 30px
}

#printContent {
	display: none
}

#arcidHeaderBlockForm {
	height: 155px
}

body.home .menuLeft #colContent {
	width: 536px;
	height: 599px;
	padding: 130px;
	margin-top: 0 !important;
	border: solid 1px #f0f0f0;
	background: #f7f7f7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body.home .menuLeft #colContent table {
	background: 0;
	border: 0
}

body.home .menuLeft #colContent #jobName {
	margin-bottom: 30px
}

body.home .menuLeft #colContent #jobName span,body.home .menuLeft #colContent #jobName p
	{
	font-family: 'MuseoSans-500';
	font-size: 16px
}

body.home .menuLeft #colContent #jobName p {
	font-family: 'MuseoSans-300';
	line-height: 18px
}

body.home .menuLeft #colContent #panelhint {
	display: none
}

body.login2 .menuLeft #colContent {
	padding: 20px
}

body.login2 #vkcontent table {
	width: 205px !important
}

.menuLeft #colMenu {
	margin-left: -30px;
	margin-top: 72px
}

body.home .menuLeft #colMenu {
	margin: 0;
	width: 350px
}

body.home .menuLeft #colMenu img {
	border: solid 1px #f0f0f0
}

.menuLeft #colMenu.narrow {
	width: 300px !important
}

.menuLeft #colMenu.narrow img {
	width: 300px
}

.menuLeft #colMenu>ul>li>span {
	background: #f0f0f0;
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	box-shadow: inset 0 0 1px 1px white
}

.menuLeft #colMenu>ul>li>ul>li {
	padding: 2px;
	border-bottom: solid 1px #bfbfbf
}

.menuLeft #colMenu>ul>li>ul>li a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	padding: 5px;
	font-size: 12px
}

.menuLeft #colMenu>ul>li>ul>li a:hover {
	color: #00addd
}

.menuLeft #colMenu>ul>li>ul>li.sel {
	border-right: solid 1px #bfbfbf
}

.menuLeft #colMenu>ul>li>ul>li.sel a {
	border-right: solid 6px #00addd
}

#colApplet {
	width: 560px;
	height: 482px;
	float: left;
	/*border: 1px solid #f0f0f0;*/
	/*padding: 15px;*/
	/*background: #F6F6F6;*/
	/*margin-left: 30px*/
}

#jobName {
	margin-bottom: 10px
}

#jobName span {
	font-family: 'MuseoSans-500';
	font-size: 25px
}

.group h1 {
	background: #f0f0f0;
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	box-shadow: inset 0 0 1px 1px white;
	font-weight: 400
}

.tableContent {
	border: solid 1px #bfbfbf;
	background: #f7f7f7
}

.tableContent div.scroller {
	border-bottom: solid 1px #bfbfbf;
	font-family: 'MuseoSans-300';
	font-size: 13px
}

.tableContent div.scroller .group {
	width: auto;
	display: inline-block
}

.tableContent div.scroller .midden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1
}

.tableContent table {
	margin: 0
}

.tableContent table thead {
	background: #e3e3e3;
	font-family: 'MuseoSans-700'
}

.tableContent table thead .headerDataTable {
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	padding: 5px
}

.tableContent table thead .headerDataTable.right {
	text-align: right
}

table {
	border: solid 1px #f0f0f0;
	background: #f7f7f7;
	width: 100% !important
}

table tr.evenRow {
	background: #f7f7f7
}

.excel {
	background: url('/ccpgate/ept/images/save.png') 0 3px no-repeat;
	margin-left: 10px;
	padding-left: 25px !important
}

.calendarImage {
	background: url('/ccpgate/ept/images/icon_calendar.png') 7px 3px no-repeat
}

label,span#selectBenAccountWording,span#currencyWording,span#amountWording,span#communicationWording,span#ordererAccountNumberWording
	{
	font-family: 'MuseoSans-300' !important;
	font-size: 13px !important;
	font-weight: 400 !important
}

.mandatory,.memoLine span.mandatory {
	background: url('/ccpgate/ept/images/arrow_left_red.png') 4px 7px no-repeat
}

a.encodingHelpLink {
	background: url('/ccpgate/ept/images/icon_search.png') 4px 5px no-repeat
}

input {
	border: solid 1px #f0f0f0 !important;
	border-right: solid 1px #e3e3e3 !important;
	border-top: solid 1px #d7d7d7 !important;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

input.ajax {
	background-position: 100% -20px
}

.button,.button100,.button120,a.encodingHelpSelection {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important
}

.formNavButton input,input.btnCancel,input.btnNext,input.btnConfirm,input.btnAdd,input.btnUpdate,input.btnDelete,input.btnEdit,input.btnRestore,input.btnSave,input.btnAddFile
	{
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important
}

input.btnValidate,input.btnList,input.btnNext,input.btnSearch,a.encodingHelpSelection,input.btnSign,input.btnBack,input.btnContinue,input.btnConfirm,input.OK
	{
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important;
	background-color: #fabc0b !important;
	border-color: #ce9904 !important;
	border-bottom-color: #d28802 !important
}

table .encodingHelpSelection {
	margin: 5px !important
}

input.btnNext,input.btnList,input.btnValidate,input.btnSearch {
	background: url('/ccpgate/ept/images/btn-arrow-right.png') no-repeat 90% 50%;
	padding-right: 30px !important
}

body.login1 input.btnNext,body.login2 input.btnNext {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important;
	background-color: #fabc0b !important;
	border-color: #ce9904 !important;
	border-bottom-color: #d28802 !important;
	background: url('/ccpgate/ept/images/btn-arrow-right.png') no-repeat 90% 50%;
	padding-right: 30px !important
}

input.btnBack {
	background: url('/ccpgate/ept/images/btn-arrow-left.png') no-repeat 10% 50%;
	padding-left: 30px !important
}

body.login2 input.btnBack {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important;
	background-color: #fabc0b !important;
	border-color: #ce9904 !important;
	border-bottom-color: #d28802 !important;
	background: url('/ccpgate/ept/images/btn-arrow-left.png') no-repeat 10% 50%;
	padding-left: 30px !important
}

input.dynChainBox {
	background: url('/ccpgate/ept/images/arrow-down.png') no-repeat 50% 50%;
	width: 100%;
	height: 100%;
	padding: 0;
	min-width: 10px;
	border: 0 !important
}

a.logOff,input.btnCancel {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important;
	background: url('/ccpgate/ept/images/btn-cross.png') no-repeat 90% 50%;
	padding-right: 30px !important
}

a.logOff {
	margin: 0 !important
}

.formNavButton input,.btnBar input {
	margin-right: 10px !important
}

.formNavButton input:last-child,.btnBar input:last-child {
	margin-right: 0 !important
}

table td .button,table td .button100,table td .button120,table td a.encodingHelpSelection
	{
	margin: 5px !important;
	padding: 5px 10px !important
}

#ordererAccountNumber_address {
	color: #949494
}

#ordererAccountNumber_address p {
	font-size: 13px;
	line-height: 13px
}

span.label,#bread a,.topResultLink,.activeRecord {
	color: #00addd
}

td span.amount.positive {
	color: #009400
}

#btnSar {
	display: none !important
}

.toolBarBlock {
	display: none
}

#bottom {
	font-family: 'MuseoSans-300';
	font-size: 13px;
	text-align: left;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0;
	margin-right: 10px
}

#welcome {
	font-family: 'MuseoSans-300';
	font-size: 13px;
	color: #00addd
}

ul.navlist,ul.navList {
	padding: 0 5px 10px 5px;
	height: auto;
	overflow: hidden;
	background: 0;
	margin-top: -3px
}

ul.navlist li,ul.navList li {
	width: 15px !important
}

ul.navlist li span,ul.navList li span {
	width: auto !important
}

ul.navlist li span.number,ul.navList li span.number,ul.navlist li span,ul.navList li span,ul.navlist li a,ul.navList li a,ul.navlist li a.number,ul.navList li a.number
	{
	font-family: 'MuseoSans-700';
	border-top: solid 3px transparent;
	color: #383838;
	padding-bottom: 10px;
	background: 0
}

ul.navlist li span.txStepCurrent,ul.navList li span.txStepCurrent {
	border-top: solid 3px #00addd;
	background: 0;
	color: #00addd
}

ul.navlist li span.txStepPrevious,ul.navList li span.txStepPrevious,ul.navlist li a.txStepPrevious,ul.navList li a.txStepPrevious
	{
	background: url('/ccpgate/ept/images/arrow_simple_left.png') 4px 5px no-repeat
		!important
}

ul.navlist li span.txStepNext,ul.navList li span.txStepNext,ul.navlist li a.txStepNext,ul.navList li a.txStepNext
	{
	background: url('/ccpgate/ept/images/arrow_simple_right.png') 4px 5px no-repeat
		!important
}

ul.navlist li span.txStepFirst,ul.navList li span.txStepFirst,ul.navlist li a.txStepFirst,ul.navList li a.txStepFirst
	{
	background: url('/ccpgate/ept/images/arrow_double_left.png') 4px 5px no-repeat
		!important
}

ul.navlist li span.txStepLast,ul.navList li span.txStepLast,ul.navlist li a.txStepLast,ul.navList li a.txStepLast
	{
	background: url('/ccpgate/ept/images/arrow_double_right.png') 4px 5px no-repeat
		!important
}

div.messageBox .title {
	background: #f0f0f0;
	font-family: 'MuseoSans-700';
	line-height: 43px;
	margin-bottom: 20px
}

div.messageBox #close {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid !important;
	border-width: 1px !important;
	cursor: pointer !important;
	font-family: "Arial" !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	position: relative !important;
	text-decoration: none !important;
	text-align: center !important;
	display: inline-block !important;
	font-size: 11px !important;
	background-color: #bfbfbf !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: #383838 !important;
	border-bottom-width: 2px !important;
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: #970b0e !important;
	background: #c60f13 url('/ccpgate/ept/images/cross_red.png') 50% 50% no-repeat
		!important;
	margin-right: 10px !important
}

body.internalLogin #content {
	border: solid 1px #f0f0f0 !important;
	background: #fff !important;
	padding: 30px !important
}

body.internalLogin .buttons {
	background: none !important;
	border-right: 0 !important;
	border-bottom: solid 1px #f0f0f0 !important
}

body.internalLogin .tPContent {
	border-color: #f0f0f0 !important;
	background: #f7f7f7 !important
}

body.internalLogin .pTP {
	width: 100%
}

body.internalLogin .btnSign {
	left: 110px !important;
	top: 15px !important
}

body.internalLogin #box {
	border: 0 !important
}

body.internalLogin #box #borderaa,body.internalLogin #box #borderac,body.internalLogin #box #borderca,body.internalLogin #box #bordercc
	{
	display: none !important
}

body.internalLogin .mystyleDisa,body.internalLogin .mystyleEna {
	width: 20px;
	text-align: center
}

div table.select {
	background: 0;
	border: 0;
	width: auto !important;
	margin-bottom: 10px
}

table.CWCal-body-style {
	width: auto !important
}

input,select,textarea {
	border: 1px solid #7F9DB9;
	color: #333;
	font-family: MuseoSans-300, Tahoma, Arial, Verdana, Helvetica,
		sans-serif;
	margin: 0;
	padding: 3px
}

#shadow {
	background-attachment: fixed;
	z-index: 1002
}

#loader {
	background: url('/ccpgate/ept/images/loader.gif') no-repeat 50% 50%
}

.colPanCont,.gBContent {
	background: #f7f7f7;
	padding-top: 10px
}

label+input[type=checkbox] {
	margin-top: 7px;
	margin-left: 7px
}

label+select {
	max-width: 350px
}

div.line label,div.prompt,p label {
	width: 220px !important
}

label[for=numberPayments] {
	width: auto !important;
	margin-left: 0
}

#StandingCashOrderEuropeanB2CForm #endDate_line {
	width: 360px
}

input[type=checkbox] {
	padding: 0 !important
}

input.date {
	min-width: 90px !important
}

#emailAddress {
	max-width: 138px !important
}

#clientHighValueTransferForm .tableContent div.scroller .midden {
	left: 80px !important
}

#ordererAccountNumber {
	width: 350px
}

#ordererAccountNumber option {
	width: 600px
}

.gBContent>p>#ordererAccountNumber,.gBContent>p>#ordererAccountNumberSearch,.gBContent>p>#payerAccountNumber,.gBContent>p>#cashAccount
	{
	width: 470px
}