/* -------------------------------------------------------------------- 
                General style definitions
          Atos Worldline Web Applications, v1.5
            By Le Studio, Atos Worldline, 2006
-------------------------------------------------------------------- */

/* NOTES : */
/* All application specifics styles or modifications to the 
original style definitions must be done in the 
stylesheet "dev.css" */

/* --------------- DEFAULT VALUES ----------------- */
p.information {
	width:100%;
	font-size:12px;
	color:#009900;
	text-align: center;
	font-weight: bold;
	margin : 40px 0 0 0;
}

pre {
	font-family: Arial,Helvetica,Sans-serif;
}
[disabled] {
	color:#000;
	background-color:#EEE;
}


#head {
	background:#FFF;
	width:100%;
	float:left;
	position:relative;
}

#mainContainer {
    float: left;
    margin: 0;
    width: 100%;
}

#mainMargin {
	margin-left:130px;
}

#main{
	width: 100%;
    float: left;
    text-align: left;
}

body {
    font-family: Arial,Helvetica,Sans-serif;
	text-align:center;
}

hr {
	float:left;
	width:100%;
	border:none;
	padding:0;
	margin:2px 0;
}

a, a:visited {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

p, ul, dl , h2 {
    font-size: 0.75em;
	margin:0;
	padding:0;
}

select  {
	font-size: 0.8em;
}

form, fieldset, img {
	margin:0;
	padding:0;
	border:none;
}
/*
		START ACCESSIBILITY
*/
#accessibility, #accessibility a, #accessibility p {
	text-align:right;
	font-size:0.9em;	
}
/*
		END ACCESSIBILITY
*/

/*
		START HEAD
*/
#head h1 {
	width:100px;
	margin: 10px 0 0 0;
	float:left;
}

#head h1 a{
	border:0;
}

#head h1 a img{
	border:0;
}

#headBar{
	margin-left: 125px;
}

#tabbar{
	text-align:right;
	height: 37px;
	border-bottom: 4px solid #1590BE;
	margin: 10px 0 0 0;
	background:url("/assets/ctx/39c931e3/imgs/bannerBackground.gif") repeat-x scroll left bottom #FFF;
}

#tabbar ul {	
	background:url("/assets/ctx/c6f11e2d/imgs/tabOff.gif");
}

#tabbar li {	
	background: url("/assets/ctx/296a0bd7/imgs/tabCornerOff.gif") no-repeat scroll left top #1590BE;
	padding:5px 10px 22px 10px;
	width:auto;
	display: inline;
	text-transform: uppercase;
	color:white;
}

#tabbar li a {	
	text-decoration:none;
	font-size:0.9em;
	color:#FFF;
}

#tabbar li a:hover {	
	color:#85B104;
}

#tabbar li#tabOn, #tabbar li:hover {
	background:url("/assets/ctx/7cb74c2f/imgs/tabBackgroundOn.gif") repeat-x scroll left top #1590BE;
}

#tabbar li a:hover {	
	color:#FFF;
}

#tabbar li#tabOn a {	
	color:#FFF;
}

#titbar {
	background:#B2CDD7;
	color:black;
	padding:5px 0;
	margin-top:2px;
}

#titbar  h2{
    font-weight: bold;
    padding-left: 10px;
	margin:0;
    text-align: left;
    text-transform:none;
    color:black;
}

#bdcrumbs {
	clear: left;
    font-size: 0.8em;
    margin: 3px 0 0 135px;
    text-align: left;
}

#bdcrumbs  p {
	margin:5px 0 0 0;
}

/*
		END HEAD
*/

/*
		START MENU
*/
/*User box*/
#idbox {
    border: 1px solid #DDDDDD;
}

#idbox {
    margin: 10px 0 25px 0;
    text-align: center;
    width: 100px;
}

#idbox p {
    font-size: 0.65em;
    margin: 0;
    padding: 5px;
}

#userName {
    background: inherit;
    color: #996600;
}

#userName {
    display: block;
}
/*End User box*/


/*Language*/
#countryComponent #switcher {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

#countryComponent #switcher {
    margin-bottom: 15px;
    padding: 5px 0;
}
#countryComponent #switcher select {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
}

#countryComponent #switcher select {
    margin: 0 0 5px;
}

#countryComponent #switcher input{
    padding: 1px 2px;
    margin:0;
    padding: 2px 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8EAAB4;
    color: #333333;
}

#countryComponent #switcher p {
	margin:5px 0;
}
/*End Language*/


/*Menu links elements*/
#thome {
	text-align: left;
}

#menu {
	width:100px;
	float:left;
}

#menuLinks ul {
    font-size: 0.95em;
    list-style: none outside none;
	padding:0;
}

#menuLinks li {
    margin: 0 0 5px;
    width: 100px;
}

#menuLinks a {
    display: block;
    font-size: 0.65em;
    padding: 3px 3px 2px 20px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    color: #FFFFFF;
}

#menuLinks .homeLink {
	background: url("/assets/ctx/c82c1f5e/imgs/homeButton.gif") no-repeat scroll left top #1590BE;
}

#menuLinks .contactLink {
	background: url("/assets/ctx/1a412267/imgs/contactButton.gif") no-repeat scroll left top #1590BE;
}

#menuLinks .bookmarkLink {
	background: url("/assets/ctx/995924ad/imgs/bookmarkButton.gif") no-repeat scroll left top #1590BE;
}

#menuLinks .helpLink {
	background: url("/assets/ctx/3d8f2a0d/imgs/helpButton.gif") no-repeat scroll left top #1590BE;
}

#menuLinks .logoutLink {
	background: url("/assets/ctx/58f51d45/imgs/logoutButton.gif") no-repeat scroll left top #000;
}

#menuLinks .homeLink:hover {
	background: url("/assets/ctx/c82c1f5e/imgs/homeButton.gif") no-repeat scroll left top #FF9900;
}

#menuLinks .contactLink:hover  {
	background: url("/assets/ctx/1a412267/imgs/contactButton.gif") no-repeat scroll left top #FF9900;
}

#menuLinks .bookmarkLink:hover  {
	background: url("/assets/ctx/995924ad/imgs/bookmarkButton.gif") no-repeat scroll left top #FF9900;
}

#menuLinks .helpLink:hover  {
	background: url("/assets/ctx/3d8f2a0d/imgs/helpButton.gif") no-repeat scroll left top #FF9900;
}

#menuLinks .logoutLink:hover  {
	background: url("/assets/ctx/58f51d45/imgs/logoutButton.gif") no-repeat scroll left top #FF9900;
}
/*End Menu links elements*/


/*
		END MENU
*/


/*
		START MAIN
*/
/*Grid pager*/
DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
	font-size: 12px;
}
	
/*Second level tabs*/
.subsecbar {
    background: url("/assets/ctx/57fb2215/imgs/secondBannerBackground.gif") repeat scroll 0 0 #FFF;
    color: #FFFFFF;
	font-size: 0.75em;
    float: left;
    margin:10px 0 0 0;
    padding: 0 0 2px 0;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

#subsecbar a, #subsecbar a:link, #subsecbar a:visited,.subsecbar a, .subsecbar a:link, .subsecbar a:visited {
	margin: 0;
	border: 0;
}

.subsecbar li {
    display: inline;
    border-left: 2px solid #FFF;
	padding:2px 0px 2px 0px;
}

.subsecbar li .btpgon span, .subsecbar li a:hover {
    background: url("/assets/ctx/aa82190/imgs/tabIconOn.gif") no-repeat scroll left top #1590BE;
    color: #FFFFFF;
    font-size: 0.8em;
    height: 18px;
    margin: 0 -3px 0 0;
    padding: 2px 11px 2px 25px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.subsecbar li .btpgon span {
    border:0 0 0 2px solid #FFF;
	padding:2px 0px 2px 0px;
	margin: 0 -5px 0 0;
}
.subsecbar li.liFst {
    border:0 0 0 2px solid #FFF;
	margin: 0 -5px 0 0;
	padding:2px 0 2px 3px;
}
.subsecbar li a {
    background: url("/assets/ctx/a1961a88/imgs/tabIconOff.gif") no-repeat scroll left top #61ABC7;
    color: #FFFFFF;
    font-size: 0.8em;
    height: 18px;
    margin: 0px;
    padding: 2px 8px 2px 25px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

/*End Second level tabs*/


/*Form Error display*/
.alert-danger {
	color: red;
	font-weight: bold;
	border: 2px solid red;
	margin: 40px 0 15px 0;
	padding: 15px;
	font-size: 1.1em;
}

.alert-info {
	 color: green;
	 font-weight: bold;
	 border: 2px solid green;
	 padding: 15px;
	 margin: 15px 0 15px 0;
 }

.alert-dismissible button, .alert-danger h4, .alert-danger button {
	display: none;
}

.alert-danger ul li {
	list-style: none
}

.error {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #996600;
    color: #996600;
}

.error {
    clear: both;
    font-weight: bold;
    margin: 25px 0;
    text-align: center;
}

.error p {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #CC0000;
    margin: 3px auto;
    text-align: center;
    width: 60%;
}

.inlineError {
	color: red;
	font-weight: bold;
}
/*End Form Error display*/


/*Form banner*/
#mainBanner, #subBanner {
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
	float: left;
	margin:0;
    padding: 2px 0;
    width: 100%;
}
#mainBanner {
    background:none no-repeat scroll left bottom #1590BE;
	margin:10px 0 0 0;
}
#subBanner {
    background:none no-repeat scroll left bottom #61ABC7;	
}

#mainBanner h3, #subBanner h3 {
    float: left;
	margin:0;
    font-size: 0.9em;
    font-weight: normal;
    padding-left: 8px;
    text-align: left;
    width: 50%;
}
#mainBanner p, #subBanner p {
	margin:0;
	float:right;
}
#mainBanner p span , #subBanner p span  {
	width:18px;
	height:18px;
	float:left;
	margin:0 2px 0 0;
	padding:0;
}
#mainBanner p span.showHideButtonOn{
	background: url("/assets/ctx/ca8c1ce9/imgs/showHideOn.gif") no-repeat scroll left top #FF9900;
}
#mainBanner p span.showHideButtonOn:hover {
	background: url("/assets/ctx/ca8c1ce9/imgs/showHideOn.gif") no-repeat scroll left top #DDDDDD;
}
#mainBanner p span.showHideButtonOff{
	background: url("/assets/ctx/a1961a88/imgs/showHideOff.gif") no-repeat scroll left top #FF9900;
}
#mainBanner p span.showHideButtonOff:hover {
	background: url("/assets/ctx/a1961a88/imgs/showHideOff.gif") no-repeat scroll left top #DDDDDD;
}

#subBanner p span.showHideButtonOn{
	background: url("/assets/ctx/ca8c1ce9/imgs/showHideOn.gif") no-repeat scroll left top #DDDDDD;
}
#subBanner p span.showHideButtonOn:hover {
	background: url("/assets/ctx/ca8c1ce9/imgs/showHideOn.gif") no-repeat scroll left top #FF9900;
}
#subBanner p span.showHideButtonOff{
	background: url("/assets/ctx/a1961a88/imgs/showHideOff.gif") no-repeat scroll left top #DDDDDD;
}
#subBanner p span.showHideButtonOff:hover {
	background: url("/assets/ctx/a1961a88/imgs/showHideOff.gif") no-repeat scroll left top #FF9900;
}
/*Form banner*/


/*Fieldset for search screen*/
fieldset#search, fieldset#contact {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #000000;
    border: 0 none;
    padding:0 0 20px 0;
    margin:0 0 10px 0;
    text-align: left;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #000000;
    border: 0 none;
    clear: both;
}

fieldset#search.actionBar {
    padding:5px 0;
    margin:0;	
}

fieldset#contact p {
    padding:0 0 0 40px;
    margin:0;
}

fieldset#search label, fieldset#contact label {
	width:150px;
	display:block;
	font-size:14px;
	float:left;
	text-align:left;
	font-weight:normal;
	margin:7px 0;
}

fieldset#search .firstLeft{
	width:auto;
	margin-right:2px;
	float:left;
	text-align:left;
}
fieldset#search .firstLeft label, fieldset#search .nextLeft label , fieldset#search .firstRight label, fieldset#search .nextRight label {
	width:auto;
	float:left;
	text-align:left;
	font-weight:normal;
	margin:5px 0 0 0;
}
fieldset#search .nextLeft {
	width:auto;
	margin-left:20px;
	float:left;
	text-align:left;
}

fieldset#search .firstRight{
	width:auto;
	float:right;
	margin-left:2px;
	text-align:left;
}

fieldset#search .nextRight {
	width:auto;
	margin-right:20px;
	float:right;
	text-align:left;
}

fieldset#contact {
    padding:20px 0 20px 0;
}

fieldset#search p, fieldset#search div.multiComponent,fieldset#search div.halfLeft,fieldset#search div.halfRight, fieldset#contact p {
	width:95%;
	padding:0 0 0 40px;
	text-align:left;
	float:left;
	margin:0;
	font-size:0.75em
}
fieldset#search div.halfRight {
	width:auto;
	float:left;
}
fieldset#search div.halfLeft {
	width:50%;
	float:left;
}
fieldset#search div.halfRight label {
	width:50px;
	margin:7px 0 7px 0;
}

fieldset#search div.multiComponent p {
	width:auto;
	padding:0;
	text-align:left;
	float:left;
	margin:0;
}

#search input, #search select {
	margin:0;
	padding:0;
	float:left;
	height:20px;
}

#fileNameField {
	box-sizing: border-box;
	min-width: 450px;
	background-color: white !important;
}

#contact p input {
	width:30%;
}

#contact p textarea {
	width:70%;	
}

#search p select, fieldset#search div.multiComponent select {
	min-width:450px;
	height:20px;
}

fieldset#search div.multiComponent select.multipleSelect{
	height:60px;
	width:auto;
	display:none;
	float:left;
	padding:0 2px;
}

fieldset#search div.multiComponent span.next, a.next{
	background:url("/assets/ctx/72b11dbd/imgs/next.gif") no-repeat scroll left top transparent;
	width:20px;
	height:20px;
	margin:0 5px 0 5px;	 
	float:left;
}

fieldset#search div.multiComponent span.delete{
	background:url("/assets/ctx/93161d44/imgs/delete.gif") no-repeat scroll left top transparent;
	width:20px;
	height:20px;
	margin:0 5px 0 5px;	 
	float:left;
	display:none;
}

fieldset#search div.multiComponent span.next:hover{
	background:url("/assets/ctx/e91b2015/imgs/nextOn.gif") no-repeat scroll left top transparent;
}

span.next {
	width: 20px;
	height: 10px;
	background:url("/assets/ctx/e91b2015/imgs/nextOn.gif") no-repeat scroll left top transparent;
}
	
fieldset#search div.multiComponent span.delete:hover{
	background:url("/assets/ctx/74213dca/imgs/deleteOn.gif") no-repeat scroll left top transparent;
}
/*End fieldset for search screen*/


/*CSS to divide a page in half for txo elements inline display*/
/*
BBE modification pour reduire l'espace entre les deux Div (cf demande du chef)
*/
#halfPageRight {
	/*width:45%; avant */ /* ce qui equivaut à 10% d'espace entre les deux div    */
	width:48%;/* reduction de l'espace interdiv à 4% (2%+2%)*/
	float:right;
}
#halfPageLeft {
	/*width:45%; avant */ /* ce qui equivaut à 10% d'espace entre les deux div    */
	width:48%;/* reduction de l'espace interdiv à 4% (2%+2%)*/
	float:left;
}
/*End CSS to divide a page in half for txo elements inline display*/


/*Table display*/
table {
	border:0 none;
	border-collapse:collapse;
	border-spacing:0;
	clear:both;
	margin:0;
	width:100%;
	white-space:normal;
	table-layout: fixed;
	white-space: normal;
    word-wrap: break-word;
}

caption, .caption {
	background:none repeat scroll left bottom #61ABC7;	
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
	margin:0;
	font-size:0.9em;
	text-align:left;
    padding: 2px 0 2px 8px;
    /*width: 100%;*/ /* pour eviter le debordement de caption  BBE */
    text-transform:none;
}
 
TABLE.t-data-grid THEAD TR th, p th, th {
	color:#000000;
	background:url("/assets/ctx/fc863184/imgs/thBackground.gif") repeat scroll center center #CCC;
	border:0 none;
	font-size:0.7em;
	text-align:center;
	font-weight:bold;
	border-right: 1px solid #DDD;
	text-transform:none;
	vertical-align:top;
	width:auto;
	height:auto;
	white-space:normal;
	table-layout: fixed;
	white-space: normal;
    word-wrap: break-word;
}
p th, p td {
	font-size:1em;
}
 th.caption {
 	font-weight:normal;
 }

th p, th a, TABLE.t-data-grid THEAD TR th a {
	color:#000000;
	text-align:center;
	font-weight:bold;
	border:0 none;
	font-size:1em;
	text-transform:none;
}

tr {
	vertical-align:middle;
	text-align:center;
}

tr.alternate {
	background-color:#EAF9FF;
}

.t-data-grid tr:hover {
	background-color:#F7DEBE;
	color:#000;
}

td {
	border-bottom:1px solid #DADADA;
	border-right:1px solid #DADADA;
	font-size:0.7em;
	padding:3px 5px 3px 8px;
}

td p {
	font-size:1em;
}
/*End Table display*/


/*Pagination kawwagrid*/
#pagination {
	margin:10px 0 0 0;
	float:left;
	width:100%;
}

#pagination a{
	text-decoration:none;
	border:0;
}

#pagination p.left {
	float:left;
	width:40%;
}

#pagination p.middle {
	float:left;
	text-align:center;
	width:20%;
}

#pagination p.right {
	float:left;
	text-align:right;
	width:40%;
}
/*End Pagination kawwagrid*/


/*Action button bar*/
#buttonBar {
	width:100%;
	float:left;
	margin-bottom:15px;
}

#buttonBar.actionBar {
	margin-bottom:0;
}
.actionBar  #buttonBar  {
	width:auto;
	float:left;
	margin-bottom:0;
}

td div#buttonBar {
	width:auto;
	float:none;
	font-size:1em;
	margin: auto;
	margin-bottom:0;
}

#buttonBar .firstLeft, fieldset#search .firstLeft {
	width:auto;
	margin-right:2px;
	float:left;
	text-align:left;
	padding:0;
}

#buttonBar .nextLeft, fieldset#search .nextLeft {
	width:auto;
	margin-left:20px;
	float:left;
	text-align:left;
	padding:0;
}

#buttonBar .firstRight, fieldset#search .firstRight{
	width:auto;
	float:right;
	margin-left:2px;
	text-align:left;
	padding:0;
}

#buttonBar .nextRight, fieldset#search .nextRight {
	width:auto;
	margin-right:20px;
	float:right;
	text-align:left;
	padding:0;
}

#buttonBar select {
	float:left;
	height:22px;
}

#buttonBar a,#buttonBar a:visited , #buttonBar input {
	border: 1px solid #000000;
	border-style:outset;
    color: #000;
	text-align:left;
    font-size: 0.81em;
	float:left;
    text-transform: uppercase;
	text-decoration:none;
	display:block;
	width:auto;
}

#buttonBar input[type=checkbox] {
	border:0;
}

#buttonBar a,#buttonBar a:visited {
	height:16px;
	padding:4px 10px 0 25px;
}
#buttonBar a.cancelButton, #buttonBar input.cancelButton {
	background: url("/assets/ctx/4fa728c0/imgs/cancelButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar input{
	padding:0 12px 0 5px;
	height:22px;
	margin:0;
	cursor:pointer;
	text-align:right;
}

:root *> #buttonBar input { 
	padding:0 12px 0 25px;
	height:22px;
	margin:0;
	cursor:pointer;
	text-align:right;
}
#buttonBar input:hover{
	background-color:#FF9900;
}

#buttonBar input.searchButton {
	background: url("/assets/ctx/f2912773/imgs/searchButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar input.searchButton:hover {
	background: url("/assets/ctx/f2912773/imgs/searchButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar input.addButton {
	background: url("/assets/ctx/67c2288c/imgs/addButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar input.addButton:hover {
	background: url("/assets/ctx/67c2288c/imgs/addButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar input.sendButton {
	background: url("/assets/ctx/597929b9/imgs/sendButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar input.sendButton:hover {
	background: url("/assets/ctx/597929b9/imgs/sendButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.cancelButton, #buttonBar input.cancelButton {
	background: url("/assets/ctx/4fa728c0/imgs/cancelButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.cancelButton:hover, #buttonBar input.cancelButton:hover {
	background: url("/assets/ctx/4fa728c0/imgs/cancelButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.deleteButton, #buttonBar input.deleteButton {
	background: url("/assets/ctx/1e8e240b/imgs/deleteButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.deleteButton:hover, #buttonBar input.deleteButton:hover {
	background: url("/assets/ctx/1e8e240b/imgs/deleteButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.createButton, #buttonBar input.createButton {
	background: url("/assets/ctx/ab2a2b61/imgs/createButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.createButton:hover, #buttonBar input.createButton:hover {
	background: url("/assets/ctx/ab2a2b61/imgs/createButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.editButton, #buttonBar input.editButton {
	background: url("/assets/ctx/8cb22a74/imgs/editButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.editButton:hover, #buttonBar input.editButton:hover {
	background: url("/assets/ctx/8cb22a74/imgs/editButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.exportButton, #buttonBar input.exportButton {
	background: url("/assets/ctx/fac82b1f/imgs/exportButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.exportButton:hover, #buttonBar input.exportButton:hover {
	background: url("/assets/ctx/fac82b1f/imgs/exportButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.detailsButton {
	background: url("/assets/ctx/4005326e/imgs/detailsButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.detailsButton:hover {
	background: url("/assets/ctx/4005326e/imgs/detailsButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.backButton, #buttonBar a.backButton:visited {
	background: url("/assets/ctx/58f51d45/imgs/backButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.backButton:hover {
	background: url("/assets/ctx/58f51d45/imgs/backButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.previousButton, #buttonBar a.previousButton:visited {
	background: url("/assets/ctx/d8e82303/imgs/previousButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.previousButton:hover {
	background: url("/assets/ctx/d8e82303/imgs/previousButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.nextButton, #buttonBar a.nextButton:visited {
	padding:4px 25px 0 10px;
	background: url("/assets/ctx/8c8b217a/imgs/nextButton.gif") no-repeat scroll right center #DDDDDD;
}
#buttonBar a.nextButton:hover {
	background: url("/assets/ctx/8c8b217a/imgs/nextButton.gif") no-repeat scroll right center #FF9900;
}

#buttonBar a.documentationButton, #buttonBar a.documentationButton:visited {
	background: url("/assets/ctx/bec62b05/imgs/documentationButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.documentationButton:hover {
	background: url("/assets/ctx/bec62b05/imgs/documentationButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.listButton, #buttonBar a.listButton:visited {
	background: url("/assets/ctx/cd902e23/imgs/listButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.listButton:hover {
	background: url("/assets/ctx/cd902e23/imgs/listButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.subListButton, #buttonBar a.subListButton:visited {
	background: url("/assets/ctx/cd902e23/imgs/listButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.subListButton:hover {
	background: url("/assets/ctx/cd902e23/imgs/listButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.bookmarkButton,#buttonBar a.bookmarkButton:visited {
	background: url("/assets/ctx/995924ad/imgs/bookmarkButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.bookmarkButton:hover {
	background: url("/assets/ctx/995924ad/imgs/bookmarkButton.gif") no-repeat scroll left center #FF9900;
}

#buttonBar a.smallDetailsButton, #buttonBar a.smallDetailsButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/66ee2c93/imgs/smallDetailsButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallDetailsButton:hover {
	background: url("/assets/ctx/66ee2c93/imgs/smallDetailsButton.gif") no-repeat scroll center center #FF9900;
}




#buttonBar a.fileViewButton, #buttonBar a.fileViewButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/66ee2c93/imgs/smallDetailsButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.fileViewButton:hover {
	background: url("/assets/ctx/66ee2c93/imgs/smallDetailsButton.gif") no-repeat scroll center center #FF9900;
}


#buttonBar a.filedownLoadButton, #buttonBar a.filedownLoadButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/fac82b1f/imgs/exportButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.filedownLoadButton:hover {
	background: url("/assets/ctx/fac82b1f/imgs/exportButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallParameterButton, #buttonBar a.smallParameterButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/5692298f/imgs/smallParameterButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallParameterButton:hover {
	background: url("/assets/ctx/5692298f/imgs/smallParameterButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallDocumentationButton {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/7a4329a7/imgs/smallDocumentationButton.gif") no-repeat scroll left center #DDDDDD;
}
#buttonBar a.smallDocumentationButton:hover{
	background: url("/assets/ctx/7a4329a7/imgs/smallDocumentationButton.gif") no-repeat scroll left center #FF9900;
}
#buttonBar a.smallRemoteButton, #buttonBar a.smallRemoteButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/41792ecd/imgs/smallRemoteButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallRemoteButton:hover {
	background: url("/assets/ctx/41792ecd/imgs/smallRemoteButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallSearchButton, #buttonBar a.smallSearchButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/f2912773/imgs/smallSearchButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallSearchButton:hover {
	background: url("/assets/ctx/f2912773/imgs/smallSearchButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallDeleteButton, #buttonBar a.smallDeleteButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/1e8e240b/imgs/smallDeleteButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallDeleteButton:hover {
	background: url("/assets/ctx/1e8e240b/imgs/smallDeleteButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallEditOnlyButton, #buttonBar a.smallEditOnlyButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/afe0216b/imgs/smallEditOnlyButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallEditOnlyButton:hover {
	background: url("/assets/ctx/afe0216b/imgs/smallEditOnlyButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallAddButton, #buttonBar a.smallAddButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/287c21ac/imgs/smallAddButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallAddButton:hover {
	background: url("/assets/ctx/287c21ac/imgs/smallAddButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.smallMinusButton, #buttonBar a.smallMinusButton:visited {
	width:20px;
	height:20px;
	padding:0;
	display:block;
	border: 1px solid #000000;
	border-style:outset;
	background: url("/assets/ctx/788b1aa5/imgs/smallMinusButton.gif") no-repeat scroll center center #DDDDDD;
}
#buttonBar a.smallMinusButton:hover {
	background: url("/assets/ctx/788b1aa5/imgs/smallMinusButton.gif") no-repeat scroll center center #FF9900;
}

#buttonBar a.calendarButton, #buttonBar a.calendarButton:visited {
	border:none;
	width:20px;
	height:20px;
	padding:0;
	margin:0 0 0 2px;
	background: url("/assets/ctx/3b66433b/imgs/calendarButton.gif") no-repeat scroll center center transparent;
}
#buttonBar a.calendarButton:hover {
	background: url("/assets/ctx/3b66433b/imgs/calendarButton.gif") no-repeat scroll center center transparent;
}
/*End action button bar*/

/*Start pager*/
#pager {
	width:100%;
	float:left;
}

#pager p.left {
	width:40%;
	text-align:left;
	float:left;
}

#pager p.center {
	width:20%;
	text-align:center;
	float:left;
}

#pager p.right {
	width:40%;
	text-align:right;
	float:right;
}

#pager p.right a {
	float:right;
	margin-left:2px;
}

#pager a,#pager a:visited {
	height:12px;
	padding:4px 10px 0 25px;
	border: 1px solid #000000;
	border-style:outset;
    color: #000;
	text-align:left;
    font-size: 0.81em;
    text-transform: uppercase;
	text-decoration:none;
	display:block;
	width:auto;
}

#pager p a#searchRangeRunning {
	background: url("/assets/ctx/a8a1939/imgs/searchingOn.gif") no-repeat scroll left top transparent;
	border:none;
    display: none;
	text-align:right;
	float:right;
    height: 20px;
    margin: 0 5px;
    width: 20px;
}

#pager p a.previousButton, #buttonBar a.previousButton:visited {
	background: url("/assets/ctx/d8e82303/imgs/previousButton.gif") no-repeat scroll left center #DDDDDD;
}
#pager p a.previousButton:hover {
	background: url("/assets/ctx/d8e82303/imgs/previousButton.gif") no-repeat scroll left center #FF9900;
}

#pager p a.nextButton, #buttonBar a.nextButton:visited {
	padding:4px 25px 0 10px;
	background: url("/assets/ctx/8c8b217a/imgs/nextButton.gif") no-repeat scroll right center #DDDDDD;
}
#pager p a.nextButton:hover {
	background: url("/assets/ctx/8c8b217a/imgs/nextButton.gif") no-repeat scroll right center #FF9900;
}

#pager p a.raz, #buttonBar a.raz:visited {
	padding:2px 5px 2px 5px;
	background: scroll right center #DDDDDD;
}
#pager p a.raz:hover {
	background: scroll right center #FF9900;
}
/*End pager*/

/*Footer*/
#footer {
    background: url("/assets/ctx/af731dd9/imgs/footerBackground.gif") repeat-x scroll 0 0 #FFF;
    color: #FFFFFF;
    float: left;
    margin: 10px 0 10px;
    text-align: right;
    width: 100%;
	padding:0;
}

#footer p {
    float: right;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 0.65em;
    padding-right: 5px;
	margin:0;
    width: 130px;
}
/*End Footer*/

/*Monitoring start*/
table.monitoring {
	width:50%;
	margin-top:20px;	
}

table.monitoring th.state {
	width:50px;
}

table.monitoring td.terminalNb {
	width:30px;
	border-right:none;
}

table.monitoring th.action {
	width:50px;
}

table.monitoring a, table.monitoring a:visited, td.state a, td.state a:visited {
    color: #000;
	display: block;
    font-size: 0.81em;
    height: 16px;
    padding: 2px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

/*Images used for state representation*/
.imgState0{background:transparent url("/assets/ctx/c6c89709/imgs/boutonVert.gif") no-repeat center;display: block;height: 16px;padding: 2px 0;width: 100%;}
.imgState1{background:transparent url("/assets/ctx/88bd5965/imgs/boutonRouge.gif") no-repeat center;display: block;height: 16px;padding: 2px 0;width: 100%;}
.imgState2{background:transparent url("/assets/ctx/70cd621d/imgs/boutonOrange.gif") no-repeat center;display: block;height: 16px;padding: 2px 0;width: 100%;}
.imgState3{background:transparent url("/assets/ctx/f3e7010b/imgs/boutonViolet.gif") no-repeat center;display: block;height: 16px;padding: 2px 0;width: 100%;}
.imgState4{background:transparent url("/assets/ctx/8d252808/imgs/boutonBlanc.gif") no-repeat center;display: block;height: 16px;padding: 2px 0;width: 100%;}
/*Images used for state representation*/

div.parentCenter {
	width:700px;
	height: 50px;
	text-align:center;
	margin-right: auto; 
	margin-left: auto;
}

p.childCenter {
	width:700px;
	float:left;
}

p.childCenter label {
	float:none;
}
p.childCenter input.searchButton {
	border: 1px solid #000000;
	border-style:outset;
    color: #000;
	text-align:left;
    font-size: 0.81em;
    text-transform: uppercase;
	text-decoration:none;
	width:auto;
	padding:0 12px 0 5px;
	height:22px;
	margin:0;
	cursor:pointer;
	background: url("/assets/ctx/f2912773/imgs/searchButton.gif") no-repeat scroll left center #DDDDDD;
}

:root *> p.childCenter input.searchButton { 
	padding:0 12px 0 25px;
	height:22px;
	margin:0;
	cursor:pointer;
	text-align:right;
}

p.childCenter input.searchButton:hover{
	background-color:#FF9900;
}

p.autoRefresh {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	float:none;
	width:40px;
}
p.autoRefresh a {
	border: 1px solid #000000;
	border-style:outset;
    color: #000;
	text-align:left;
    font-size: 0em;
	text-decoration:none;
	padding:12px 12px 12px 12px;
	height:0;
	width:0;
	margin:12px 0;
	cursor:pointer;
}
p.autoRefresh a#autorefreshzonestop {
	background: url("/assets/ctx/e11d34ab/imgs/autoRefreshStop.gif") no-repeat scroll center center #DDDDDD;
}
p.autoRefresh a#autorefreshzonestart {
	background: url("/assets/ctx/c86f238e/imgs/autoRefresh.gif") no-repeat scroll center center #DDDDDD;
}
p.autoRefresh a#autorefreshzonestart:hover, p.autoRefresh a#autorefreshzonestop:hover {
	background-color:#FF9900;
}

.hide {
	display:none;
}
.show {
    position: absolute;
    background-color: white;
    border: thin solid #FF9900;
    color: #FF9900;
    display: block;
    font-weight: bold;
    margin: 45px 0 0 40px;
    padding:2px;
    text-align: left;
    width: 180px;
    height:20px
}

/* STATES COLORIZATION */
div.stateOK {
	width: 20px;
	height: 20px;
	background-color: green;
	border-radius: 10px;
	margin: auto;
}

div.stateKO {
	width: 20px;
	height: 20px;
	background-color: red;
	border-radius: 10px;
	margin: auto;
}

div.stateOK {
	width: 20px;
	height: 20px;
	background-color: green;
	border-radius: 10px;
	margin: auto;
}

div.stateDEGRADE {
	width: 20px;
	height: 20px;
	background-color: orange;
	border-radius: 10px;
	margin: auto;
}

div.stateMAINTENANCE {
	width: 20px;
	height: 20px;
	background-color: purple;
	border-radius: 10px;
	margin: auto;
}

div.stateNON_CONFIGURE {
	width: 20px;
	height: 20px;
	background-color: silver;
	border-radius: 10px;
	margin: auto;
}
/*
		END MAIN
*/

/*Portal component integration*/
/**
* Menu vertical 
**/
.ump-menu-component, .ump-menu-component ul {
	margin: 0;
	padding: 0;
	width: 125px;
	list-style: none;
	background: rgb(255, 255, 255);
	clear: both;
	float: left;
}

.ump-menu-component li {
	padding: 0;
	margin: 0 0 2px 0;
	height: 40px;
	display: block;
}

.ump-menu-component li a {
	text-align: left;
	height: 40px;
	padding: 0px 12px;
	font: 11px Verdana;
	color: rgb(255, 255, 255);
	display: block;
	background: url("/assets/ctx/7b185650/styles/images/verMenuImages.png") right 0px no-repeat;
	text-decoration: none;
}

.ump-menu-component li a:hover {
	background: url("/assets/ctx/7b185650/styles/images/verMenuImages.png") right -40px no-repeat;
	color: rgb(255, 255, 255);
}

.ump-menu-component li a:active,.ump-menu-component li a:focus {
	background: url("/assets/ctx/7b185650/styles/images/verMenuImages.png") right -80px no-repeat;
	color: rgb(255, 255, 255);
}

.ump-menu-component li a span {
	line-height: 40px;
}

/**
* Hello fieldset 
**/
.ump-menu-component fieldset.k-sub-group {
	padding: 14px 20px 14px;
	margin-bottom: 20px;
	border: 2px solid #06A;
	font: 12px Verdana;
	text-align: center;
}

/* Navigation control */

.ump-nav-bar-component {
	background: url("/assets/ctx/768480d1/styles/images/topMenuImages.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 100%;
	float: left;
}

.ump-nav-bar-component li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

.ump-nav-bar-component li a {
	float: left;
	padding-left: 15px;
	display: block;
	color: rgb(255, 255, 255);
	text-decoration: none;
	font: 12px Verdana;
	cursor: pointer;
	background: url("/assets/ctx/768480d1/styles/images/topMenuImages.png") 0px -30px no-repeat;
}

.ump-nav-bar-component li a span {
	line-height: 30px;
	float: left;
	display: block;
	padding-right: 15px;
	background: url("/assets/ctx/768480d1/styles/images/topMenuImages.png") 100% -30px no-repeat;
}

.ump-nav-bar-component li a:hover {
	background-position: 0px -60px;
	color: rgb(255, 255, 255);
}

.ump-nav-bar-component li a:hover span {
	background-position: 100% -60px;
}

.ump-nav-bar-component li a.active,.ump-nav-bar-component li a.active:hover {
	line-height: 30px;
	font: 12px Verdana;
	background: url("/assets/ctx/768480d1/styles/images/topMenuImages.png") 0px -90px no-repeat;
	color: rgb(255, 255, 255);
}

.ump-nav-bar-component li a.active span,.ump-nav-bar-component li a.active:hover span {
	background: url("/assets/ctx/768480d1/styles/images/topMenuImages.png") 100% -90px no-repeat;
}

/** LANGUAGE COMPONENT **/
.ump-language-component {
    position: absolute;
	width: auto;
	right: 3%;
}

 
fieldset#FileSizeSearch label#endFileSizeLabel{
width: 13px;
text-align: center;
margin-left: 3px;
margin-right: 3px;
}
fieldset#FileSizeSearch label#startFileSizeLabel{
width: 49%;
display: block;
text-align: left;
}
fieldset#FileSizeSearch p.firstLeft{
	width: auto;
}
fieldset#creationDateFieldset label#creationDateEndLabel{
	width: 20px;
	margin-left: 6px;
	margin-right: 6px;
	text-align: center;
}
fieldset#creationDateFieldset label#creationDateStartLabel {
 margin: 7px 0px;
	 text-align: left;
	 float:left;
	 font-size: 14px;
	 display: block;
	 width: 150px;
}
fieldset#applicableDateFieldset label#applicableDateStartLabel {
	 margin: 7px 0px;
	 text-align: left;
	 float:left;
	 font-size: 14px;
	 display: block;
	 width: 150px;
}
fieldset#applicableDateFieldset label#applicableDateEndLabel {
	width: 20px;
	margin-left: 6px;
	margin-right: 6px;
	text-align: center;
}
fieldset#creationDateFieldset input#creationDateStart,input#creationDateEnd {
	width: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	font-size: 12px;
}
fieldset#applicableDateFieldset input#applicableDateStart,input#applicableDateEnd {
	width: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	font-size: 12px;
}
fieldset#fileSizeSearch {
	margin-bottom: 4px;
}

div#timepicker div {
	display: inline-block;
}

div#timepicker p {
	display: inline-block;
	float: none !important; 
	vertical-align: middle;
}

div#timepicker button {
	background: url("/assets/ctx/3b66433b/imgs/calendarButton.gif");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    border: none;
    margin-left: 5px;
}

div#filenamepicker {
	min-width: 450px;
	display: inline-block;
	float: left;
}

input, .cancelButton {
	font-size: 13.3333px !important;
}

/*Pagination nouveau kawwagrid*/
ul.pagination {
	margin:8px 0;
	float:left;
	width:100%;
	display: inline-block;
}

ul.pagination li{
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid silver;
	margin-right: 5px;
}

ul.pagination li.active {
	background-color: #809FFF;
}

ul.pagination a, a:visited{
	color:#000000;
	text-decoration:none;
}

ul.pagination li.active a {
	color: white;
}

ul.pagination a:hover{
	text-decoration:none;
	border:0;
}

ul.pagination p.left {
	float:left;
	width:40%;
}

ul.pagination p.middle {
	float:left;
	text-align:center;
	width:20%;
}

ul.pagination p.right {
	float:left;
	text-align:right;
	width:40%;
}
/*End Pagination nouveau kawwagrid*/

.ui-datepicker {
	z-index: 10 !important;
}