.NSInputField input,.NSPhotoField input {
	width: 100%;
	margin: 0px 0px 6px 0px;
	background: url('../media/input_bg.gif') repeat-x 0px 1px #FFFFFF;
	height: 15px;
	border: 1px #ABABAB solid;
	font-family: 'Verdana'; 
	font-size: 8pt;
	padding: 2px 0px 0px 4px;
}

.bgonglet {
	background: url('../media/btn22_bg.gif') repeat-x 0px 1px #FFFFFF;
	height: 15px;
}

.NSInputField select {
	width: 100%;
	padding: 0px 1px 0px 0px;
	border: 1px #ABABAB solid;
	font-family: 'Verdana';
	font-size: 8pt;
	font-weight: normal;
	margin: 1px 0px 4px 0px;
	height: 21px;
	padding-right: 0px;
	padding: 1px;
}

.NSInputField,.NSRadioBoxField,.NSTextAreaField,.NSPhotoField,.NSSelect
	{
	margin: 0px;
	padding: 6px 12px 0px 6px;
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 13pt;
	border: 0px solid red;
	vertical-align: top;
	height: 30px;
}

body,form,table,input,select,textarea {
	/*font: 11px 'Trebuchet MS', arial;*/
	font: 11px Helvetica, arial;
	color: #4e4e4e;
}

div.mapworkspace {
	border: 1px solid #cccccc;
	background-color: #ffffee;
}

canvas {
	border: 0px solid black;
	position: absolute;
}

body.bodyconnect {
	background: #FCFCFC;
	color: #303030;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #F9F9F7 url(../img/background.jpg) repeat-x scroll 0% 0%;
}

body.bodyconnected {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow-x: hidden;
	background: #F9F9F7 url(../img/background.jpg) repeat-x scroll 0% 0%;
}

body.popup {
	margin: 0;
	color: #AEAEAE;
	padding: 2px;
}

input {
	font-size:11px;
	border: 1px solid #67778f;
	border-left: 4px solid #67778f;
	padding: 2px 10px 2px 5px;
	color: #353739;
	background-color:#f1f1f1;
}

input:hover {
	border: 1px solid #a6b6cf;
	border-left: 4px solid #a6b6cf;
	padding: 2px 10px 2px 5px;
	color: #353739;
	background-color:#fafafa;
}

input:focus {
	border: 1px solid #a6b6cf;
	border-left: 4px solid #a6b6cf;
	padding: 2px 10px 2px 5px;
	color: #353739;
	background-color:#fafafa;
}

select {
	font-size:11px;
	color: #000000;
	padding: 2px;
	border: 1px solid #67778f;
	border-left: 4px solid #67778f;
	background-color: #f1f1f1;
}

select:focus {
	border: 1px solid #a6b6cf;
	border-left: 4px solid #a6b6cf;
	background-color:#fafafa;
}

option {
	border-left: 4px solid #cccccc;
	padding-left:4px;
}

option:hover {
	border-left: 4px solid #99C4FF;
	padding-left:4px;
}

textarea {
	font-size:11px;
	border: 1px solid #67778f;
	border-left: 4px solid #67778f;
	padding: 2px 10px 2px 5px;
	color: #353739;
	background-color:#f1f1f1;
}
textarea:hover {
	border: 1px solid #a6b6cf;
	border-left: 4px solid #a6b6cf;
	background-color:#fafafa;
}

textarea:focus {
	border: 1px solid #a6b6cf;
	border-left: 4px solid #a6b6cf;
	padding: 2px 10px 2px 5px;
	color: #353739;
	background-color:#fafafa;
}

#container,#container2 {
	float: left;
	width: 100%;
	display: block;
}

.tableft_menu {
	background-color:transparent;
	border:1px solid transparent;
	color:#FFFFFF;
	cursor:pointer;
}

.tableft_menu:hover {
	background-color: #0a2c5e;
	border: 1px solid #3b567e;
}

.tableft_menuselected {
	background-color: #0a2c5e;
	border: 1px solid #3b567e;
	color:#FFFFFF;
	cursor:pointer;
}

.tableft_text {
	color:#FFFFFF;
	cursor:pointer;
}

a.whitelink {
	color:#FFFFFF;
}

.titledesktop {
	width: 100%;
	display: block;
	font-size: 10pt;
	font-weight: bold;
}

div.modresult {
	background: url('../media/main/arrow-right.gif') no-repeat right 0px;
	color: #ababab;
	font-size: 10px;
}

div.modresultvert {
	background: url('../media/main/arrow-right-vert.gif') no-repeat right 0px;
	color: #ababab;
	font-size: 10px;
}

.contentdesktop {
	width: 100%;
	height: 100%;
	min-height: 200px;
	float: left;
	display: block;
	color:#cccccc;
	/*background:#FFFFFF;*/
}

.tddesktop {
	background: transparent url(../media/main/subheader_sep.png) repeat-y scroll right center;
	height: 100%;
}

.dims_menuleft {
	width: 25%;
	float: left;
}

.dimmenutop {
	float: left;
	display: in-line;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
}

.dimmenutop a {
	color: #FFFFFF;
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #304066;
	/*color: #cccccc;*/
}

a.whitetitle {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

/******************
  HEADER
*******************/
.textmodule {
	float: left;
}

.textmodule img {
	float: left;
}

.bg32 {
	background: url('../media/main/bg_32.png') no-repeat 0px 0px;
	width: 5px;
	height: 32px;
}

.bd32 {
	background: url('../media/main/bd_32.png') no-repeat 0px 0px;
	width: 6px;
	height: 32px;
}

.mid32 {
	background: url('../media/main/mid_32.png') repeat-x 0px 0px;
	height: 32px;
}

.bgb32 {
	background: url('../media/main/bgb_32.png') no-repeat 0px 0px;
	width: 6px;
	height: 32px;
}

.bdb32 {
	background: url('../media/main/bdb_32.png') no-repeat 0px 0px;
	width: 6px;
	height: 32px;
}

.midb32 {
	background: url('../media/main/midb_32.png') repeat-x 0px 0px;
	height: 32px;
}

.bgb20 {
	background: url('../media/main/bgb_20.png') no-repeat 0px 0px;
	width: 4px;
	height: 20px;
}

.bdb20 {
	background: url('../media/main/bdb_20.png') no-repeat 0px 0px;
	width: 4px;
	height: 20px;
}

.midb20 {
	background: url('../media/main/midb_20.png') repeat-x 0px 0px;
	height: 20px;
	text-align: center;
	color: #FFFFFF;
}

.midb16 {
	background: url('../media/main/midb_16.png') repeat-x 0px 0px;
	height: 16px;
	text-align: center;
	color: #FFFFFF;
	padding-top:1px;
}
.midb16 a {
	color: #FFFFFF;
}

#headerinfo {
	float: left;
	width: 100%;
	height: 40px;
}

#dimsmenu {
	color:#FFFFFF;
	margin: 0pt auto;
	display: block;
	width: 360px;
	height:29px;
	background: url('../media/main/dimsmenu.png') repeat-x 0px 0px;
}

#loginbackground {
    width: 360px;
	height:170px;
    background: url('../media/login.png') repeat-x 0px 0px;
}
#header {
	float: left;
	width: 100%;
	font-size: 8pt;
	line-height: normal;
}

#header ul {
	margin: 0px;
	padding: 0px 10px;
	list-style: none;
}

#header li {
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	padding: 0 0 0 9px;
	height: 32px;
}

li#tabselected {
	float: left;
	margin: 0;
	background: url('../media/main/midbsel_32.png') repeat-x 0px 0px;
	padding: 0 0 0 9px;
	height: 32px;
}

#header a,#header strong,#header span {
	display: block;
	color: #ffffff;
	padding: 6px 6px 4px 2px;
}

.subheader {
	float: left;
	width: 100%;
	line-height: normal;
	background: #FFFFEE url('../media/btn18_bg.gif') repeat-x left top;
}

.subheader ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.subheader li {
	float: left;
	margin: 0;
	padding: 0 5px;
	background: transparent url('../media/main/subheader_sep.png') repeat-y right center;
}

.subheader li.moduleselected {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0 5px;
	background: url('../media/btn18_bg_sel.gif') repeat-x left top;
}

.subheader a.dislink {
	color: #ababab;
}
.subheader a {
	display: block;
	color: #4c4c4c;
	padding: 5px 6px 4px 2px;
}

.subdesktop ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.subdesktop li {
    width:100%;
	margin: 0;
    height: 20px;
	padding: 0 5px;
    text-align:left;
}

.subdesktop li.moduleselected {
	height: 20px;
	margin: 0;
	padding: 0 5px;
}


.login {
	padding: 0px;
	margin-left: 10px;
	color: #000000;
	height: 18px;
	line-height: 18px;
}

.login span,.login img,.login a {
	vertical-align: middle;
}

.login a.selected {
	font-weight: bold;
}

.login a {
	text-decoration: none;
}

/******************
  BODY
*******************/
a img {
	border: 0;
}

img.img_1 {
	background-image: url(../media/1.gif);
}

.dims_form p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
	clear: both;
	overflow: auto;
}

.dims_form  label {
	float: left;
	width: 38%;
	text-align: right;
	margin: 0;
	padding: 2pt 0.5em 0pt 0pt;
}

.dims_form input[type='text'],.dims_form input[type='password'],.dims_form select,.dims_form textarea,.dims_form span
	{
	width: 50%;
}

.dims_form textarea {
	height: 6em;
}

.dims_form_title {
	display: block;
	clear: both;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #606060;
	border-top: 1px solid rgb(192, 192, 192);
	height: 16px;
	text-decoration: none;
}

#dims_popup {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 200px;
	float: left;
	padding: 0px;
	color: #000000;
	text-align: left;
}

#dims_popup2 {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 200px;
	height: 400px;
	float: left;
	padding: 0px;
	color: #000000;
	text-align: left;
}

.calendardiv {
	position: absolute;
	visibility: hidden;
	background-color: #ffffff;
	top: 0px;
	left: 0px;
	z-index: 1000;
	height: auto;
	width: 150px;
}

.blockhg {
	background: transparent url(../img/hg.png) no-repeat scroll left top;
	border: 0pt none;
	width: 7px;
	height: 18px;
	position: relative;
	float: left;
}

.blockhm {
	background: transparent url(../img/hm.png) repeat-x top;
	border: 0pt none;
	height: 18px;
	display: block;
	width: 100%;
	float: left;
}

.blockhd {
	background: transparent url(../img/hd.png) no-repeat top right;
	border: 0pt none;
	width: 7px;
	height: 18px;
	position: relative;
	float: right;
}

.blockmiddle {
	border: 0pt none;
	display: block;
	float: left;
	width: 100%;
	overflow: auto;
	border-left: 1px solid rgb(192, 192, 192);
	border-right: 1px solid rgb(192, 192, 192);
	background-color: #FFFFFF;
}

.blockmg {
	background: #FF0000 url(../img/mg.png) repeat-y left;
	border: 0pt none;
	width: 7px;
	height: 100%;
	float: left;
}

.blockcontent {
	display: block;
	margin: 0px 3px 0px 1px;
	clear: both;
	background-color: #FFFFFF;
	border: 0pt none;
}

.blockmd {
	background: transparent url(../img/bm.png) repeat-y right;
	border: 0pt none;
	width: 7px;
	display: block;
	float: right;
}

.blockbg {
	background: transparent url(../img/bg.png) no-repeat scroll left bottom;
	border: 0pt none;
	width: 7px;
	height: 7px;
	float: left;
}

.blockbm {
	background: transparent url(../img/bm.png) repeat-x bottom;
	border: 0pt none;
	height: 7px;
	display: block;
	width: 100%;
	float: left;
	clear: both;
}

.blockbd {
	background: transparent url(../img/bd.png) no-repeat scroll bottom right
		;
	border: 0pt none;
	width: 7px;
	height: 7px;
	position: relative;
	float: right;
}

div.g {
	margin: 0pt 0pt 0.4em 0pt;
	cursor: pointer;
}

div.g1 {
	margin: 0pt 0pt 0.4em 0pt;
	background-color: #fafafa;
	cursor: pointer;
}

div.g:hover {
	background-color: #ffffee;
	cursor: pointer;
}

div.g1:hover {
	background-color: #ffffee;
}

div.g2 {
	margin: 0pt 0pt 1em 0pt;
	background-color: #ffffee;
	cursor: pointer;
}

.r {
	font-size: 100%;
}

.sl,.r {
	display: inline;
	font-weight: normal;
	margin: 0pt;
}

.searchtitle {
	font-weight: normal;
	font-size: 11px;
	color: #0000cc;
}

.searchcontent {
	color: #b8aaaa;
}

.searchlink {
	font-size: 11px;
	color: #008000;
}

.tabs {
	float: left;
	width: 100%;
	font-size: 8pt;
	line-height: normal;
}

.tabs ul {
	margin: 0;
	padding: 0px 10px;
	list-style: none;
}

.tabs li {
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url('../media/main/subheader_sep.png') repeat-y
		right center;
}

.tabs li.selected {
	float: left;
	height: 25px;
	margin: 0;
	padding: 0 12px 0 12px;
	background: #FFFFEE url('../media/main/subheader_sep.png') repeat-y
		right center;
}

.tabs a {
	display: block;
	color: #4c4c4c;
	padding: 5px 6px 4px 2px;
}

.dims_error {
	clear: both;
	color: #ff0000;
	background-color: #ffffaa;
	border: #ff0000 1px solid;
	padding: 10px;
	margin: 2px;
	font-size: 10px;
}

.dims_error span {
	color: #000000;
}

div.dims_explorer_main {
	position: relative;
	background-color: #f0f0f0;
	overflow: hidden;
}

div.dims_explorer_maintitle {
	font-weight: bold;
	background-color: #e0e0e0;
	padding: 4px;
	overflow: auto;
}

div.dims_explorer_title {
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fcfcfc;
	overflow: auto;
}

div.dims_explorer_column {
	position: absolute;
	height: 100%;
	border-left: 1px solid #d8d8d8;
	z-index: 10;
}

font.fontgray {
	color: #ababab;
	font-size: 10px;
}

tr.fontgray {
	color: #8A8A8A;
	font-size: 10px;
}

.accordion_toggle {
	display: block;
	height: 30px;
	width: 100%;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	color: #ffffff;
}

.accordion_content {
	/*background-color: #ffffff;*/
	background-color: transparent;
	color: #4E4E4E;
	background:#fcfcfc;
	overflow: hidden;
	font-size: 11px;
	width: 100%;
}

.accordion_content h2 {
	margin: 5px 0 5px 5px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
}

.accordion_toggle {
	display: block;
	height: 30px;
	width: 100%;
	padding: 0 0px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

/*.accordion_content {*/
/*	background-color: #ffffff;*/
/*	color: #444444;*/
/*	overflow: hidden;*/
/*}*/

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
}

.field_text {
	font-size: 11px;
	color: #000000;
	width: 150px;
	padding: 2px;
	border: 1px solid #cccccc;
	border-left: 4px solid #cccccc;
	background-color: #fafafa;
}

.usual {
	color: #111;
	width: 100%;
	float: left;
	height: 20px;
}

.usual li {
	list-style: none;
	float: left;
}

.usual ul a {
	display: block;
	padding: 2px 4px;
	text-decoration: none !important;
	margin: 1px;
	margin-left: 0;
	font: 10px Verdana;
	color: #FFF;
	background: #444;
}

.usual ul {
	margin: 0px;
	padding: 0px;
}

.usual ul a:hover {
	color: #FFF;
	background: #111;
}

.usual ul a.selected {
	margin-bottom: 0;
	color: #000;
	background: snow;
	border-bottom: 1px solid snow;
	cursor: default;
}

.usual div a {
	color: #000;
	font-weight: bold;
}

div.dims_explorer_main {
	position: relative;
	background-color: #f0f0f0;
	overflow: hidden;
}

div.dims_explorer_maintitle {
	font-weight: bold;
	background-color: #e0e0e0;
	padding: 4px;
	overflow: auto;
}

div.dims_explorer_title {
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fcfcfc;
	overflow: auto;
}

div.dims_explorer_column {
	position: absolute;
	height: 100%;
	border-left: 1px solid #d8d8d8;
	z-index: 10;
}

* .dims_explorer_element {
	display: block;
}

* .dims_explorer_element p {
	padding: 2px 4px;
	margin: 0;
	overflow: hidden;
}

* .dims_explorer_element p img,* .dims_explorer_element p span,*
	.dims_explorer_element p a {
	display: inline;
	vertical-align: middle;
}

a.dims_explorer_element:hover {
	background-color: #e0e0e0;
	text-decoration: none;
}

a.dims_explorer_link {
	display: block;
	overflow: hidden;
	text-decoration: none;
	margin-top: 1px;
}

a.dims_explorer_link:hover {
	text-decoration: none;
	background-color: #e8e8e8;
}

div.dims_explorer_line_1 {
	overflow: hidden;
	background-color: #ffffcc;
	border-bottom: 1px solid #d0d0d0;
}

div.dims_explorer_line_2 {
	overflow: hidden;
	background-color: #fcfcfc;
	border-bottom: 1px solid #d0d0d0;
}

div.dims_explorer_tools {
	overflow: hidden;
}

div.dims_explorer_tools a {
	display: block;
	float: left;
	padding: 1px 2px;
}

font.fontgray {
	color: #ababab;
	font-size: 10px;
}

div.wce_tree {
	float: left;
	width: 20%;
}

div.wce_tree_padding {
	padding: 4px;
	overflow: auto;
}

div.wce_tree_node {
	clear: left;
	overflow: auto;
	background-color: #FFFFFF;
}

div.wce_tree_node img {
	display: block;
	float: left;
}

div.wce_tree_node a {
	display: block;
	float: left;
	line-height: 18px;
	height: 18px;
	color:#666666;
}

div.wce_main {
	overflow: auto;
	border-left: 1px solid #c0c0c0;
}

div.wce_main2 {
	overflow: auto;
	border-left: 1px solid #c0c0c0;
}

div.wce_main_form {
	padding: 4px;
}

div.wce_form_row {
	clear: both;
	padding-top: 2px;
	width: 310px;
}

div.wce_form_label {
	float: left;
	width: 100px;
	text-align: right;
	padding: 2px 4px;
}

div.wce_form_input {
	float: left;
	text-align: left;
}

div.wce_form_buttons {
	float: right;
	text-align: right;
}

p.wce_lienimage {
	margin: 0;
}

p.wce_lienimage img,span {
	display: inline-block;
	border: 0;
}

div.wce_row {
	clear: both;
	overflow: auto;
}

tr.trl1 {
	cursor: pointer;
	background-color: #ffffff;
	border-bottom: 1px solid #b0b0b0;
}

tr.trl2 {
	cursor: pointer;
	background-color: #f4f4dd;
	border-bottom: 1px solid #b0b0b0;
}

tr.trl1:hover {
	background-color: #BCBCBC;
}

tr.trl2:hover {
	background-color: #BCBCBC;
}

img.download {
	background: url('../img/ico_download.png') top center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
}

img.zip {
	background: url('../img/ico_download_zip.png') top center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
}

.browser {
	padding: 6px;
	overflow: auto;
}

.doc_path {
	padding: 2px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
	margin-bottom: 2px;
	overflow: auto;
}

.doc_pathmenu a {
	display: block;
	float: left;
	padding: 2px;
	margin-left: 2px;
	border: 1px solid #d8d8d8;
	background-color: #f8f8f8;
}

.doc_pathmenu a:hover {
	border: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	text-decoration: none;
}

div.doc_folderinfo {
	position: relative;
	overflow: hidden;
	border: solid 1px #d8d8d8;
	background-color: #f8f8f8;
	margin-bottom: 2px;
}

div.doc_folderannotations {
	position: relative;
	overflow: hidden;
	border: solid 1px #d8d8d8;
	background-color: #f8f8f8;
	margin-bottom: 2px;
}

div.doc_explorer_main {
	position: relative;
	overflow: hidden;
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	background:#FFFFFF;
}

div.doc_explorer_maintitle {
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	background-color: #f0f0f0;
	padding: 4px;
	overflow: auto;
}

div.doc_explorer_title {
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	background-color: #f0f0f0;
	overflow: auto;
}

div.doc_explorer_column {
	position: absolute;
	height: 100%;
	border-left: 1px solid #d8d8d8;
	z-index: 10;
}


#doc_share {
	margin: 4px;
	border: 1px solid #c0c0c0;
	background-color: #f0f0f0;
}

#doc_workflow {
	margin: 4px;
	border: 1px solid #c0c0c0;
	background-color: #f0f0f0;
}

div.doc_fileform {
	border: solid 1px #d8d8d8;
	background-color: #f8f8f8;
	margin-bottom: 2px;
}

div.doc_fileform_title {
	font-weight: bold;
	background-color: #f0f0f0;
	border-bottom: solid 1px #d8d8d8;
	padding: 4px;
}

div.doc_fileform_main {
	overflow: auto;
}

#doc_legend {
	padding: 4px 0;
}

#doc_legend span {
	padding: 0 8px 0 4px;
}

#calendar {
	padding: 4px;
	background-color: #f0f0f0;
}

.calendar_row {
	clear: both;
	overflow: auto;
}

.calendar_day {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

.calendar_day div {
	width: 18px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #d8d8d8;
}

.calendar_day a {
	display: block;
	text-decoration: none;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #c0c0c0;
}

.calendar_day a:hover {
	background-color: #4E68A6;
	color: #ffffff;
	text-decoration: none;
}

.calendar_day_selected {
	background-color: #4E68A6;
	color: #ffffff;
	text-decoration: none;
}

.calendar_day_today {
	background-color: #ffffff;
}

.calendar_arrow {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

.calendar_month {
	float: left;
	width: 110px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
}

/****************************************************
*****************************************************
*** @author 	Arnaud KNOBLOCH [NETLOR CONCEPT]  ***
*** @version  	1.0                               ***
*** @package  	projects                          ***
*** @access  	public                            ***
*** @licence	GPL                               ***
*****************************************************
*****************************************************/
#projects_titlebar {
	padding: 2px 4px;
	border-bottom: 1px solid #d0d0d0;
	background-color: #398ADB;
	overflow: auto;
}

.projects_head {
	min-height: 16px;
}

.project_progressbar {
	float: left;
	text-align: center;
	background: url('../img/progress.png') repeat-x #FFFFFF;
}

.projects_row_title {
	clear: both;
	background-color: #398ADB;
	color: #FFFFFF;
	border-bottom: 1px solid #b0b0b0;
	padding: 4px;
	overflow: auto;
	font-size: 10px;
	font-weight: bold;
}

.projects_row1 {
	clear: both;
	background-color: #ffffee;
	font-size: 10px;
	padding: 4px;
	border-bottom: 1px solid #000000;
}

.projects_row_disabled {
	clear: both;
	background-color: #fefefe;
	font-size: 10px;
	padding: 4px;
	overflow: auto;
	opacity: 0.2;
}

.projects_row2 {
	clear: both;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
	border-bottom: 1px solid #b0b0b0;
}

.projects_form {
	clear: both;
	padding: 4px;
	overflow: auto;
	background:#FFFFFF;
}

.projects_div_gantt {
	background-color: #f0f0f0;
	height: 100%;
}

.projects_div_v_gantt1 {
	border: 1px solid #d0d0d0;
	background-color: #EEEEEE;
	height: 99%;
}

.projects_div_v_gantt2 {
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	height: 99%;
}

.projects_div_h_gantt1 {
	clear: both;
	position: absolute;
	min-width: 80px;
	border-left: 1px solid #b0b0b0;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	padding: 2px;
}

.projects_div_h_gantt1 div {
	float: left;
}

.projects_div_h_gantt2 {
	clear: both;
	position: absolute;
	border-left: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	z-index: 1000;
}

.projects_div_h_gantt2 div {
	float: left;
}

.projects_div_h_gantt3 {
	clear: both;
	position: absolute;
	border: 1px solid #b0b0b0;
	z-index: 1000;
}

.projects_div_h_gantt2 div {
	float: left;
}

.projects_arrow_1 {
	clear: both;
	background: #000000 none;
	border: none;
	position: absolute;
}

.projects_arrow_2 {
	clear: both;
	background: #ff0000 none;
	border: none;
	position: absolute;
}

.projects_objective {
	clear: both;
	opacity: 0.5;
	border: 1px solid #d0d0d0;
	width: 4px;
	position: absolute;
}

.projects_legend {
	clear: both;
	background-color: #398ADB;
	padding: 4px;
	font-size: 10px;
	overflow: auto;
	color: #FFFFFF;
}

.projects_legend img {
	float: left;
	margin-left: 20px;
	margin-right: 2px;
}

.projects_legend div {
	float: left;
}

#visualisation_header {
	background: #abccdc none;
	border: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	position: fixed;
}

#visualisation {
	background: #f0f0f0 none;
	border: none;
	position: absolute;
	position: fixed;
}

#visualisation img {
	width: 100%;
	height: 100%;
}

#visualisation_infos {
	background: #f0f0f0 none;
	opacity: 0.7;
	border: 1px dashed;
	position: absolute;
	visibility: hidden;
}

#visualisation_zoom {
	background: #f0f0f0 none;
	border: none;
	position: relative;
}

#visualisation_zoom img {
	width: 100%;
	height: 100%;
}

#visualisation_cadre_j {
	position: absolute;
	position: fixed;
}

#visualisation_cadre_j img {
	width: 100%;
	height: 100%;
}

#visualisation_cadre_s {
	position: absolute;
	position: fixed;
}

#visualisation_cadre_s img {
	width: 100%;
	height: 100%;
}

#visualisation_cadre_m {
	position: absolute;
	position: fixed;
}

#visualisation_cadre_m img {
	width: 100%;
	height: 100%;
}

#visualisation_cadre_a {
	position: absolute;
	position: fixed;
}

#visualisation_cadre_a img {
	width: 100%;
	height: 100%;
}

#visualisation_area {
	opacity: 0.5;
	background: #e0e0e0 none;
	border: 1px dashed;
	border-left-color: #000000;
	border-right-color: #000000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	font-size: 0.9em;
	cursor: move;
	position: absolute;
	position: fixed;
}

#cadre {
	position: absolute;
}

/******************
  SYSTEM.TICKETS
*******************/
#system_tickets_titlebar {
	padding: 2px 4px;
	overflow: auto;
}

.system_tickets_row_title {
	clear: both;
	border-bottom: 1px solid #b0b0b0;
	padding-top: 2px;
	overflow: auto;
	font-weight: bold;
}

.system_tickets_row {
	clear: both;
}

.system_tickets_row1 {
	clear: both;
	background-color: #fafafa;
}

.system_tickets_row2 {
	clear: both;
	background-color: #ffffee;
}

.system_tickets_head {
	min-height: 16px;
}

.system_tickets_detail {
	clear: both;
	overflow: auto;
	display: none;
	margin-left: 40px;
}

.system_tickets_sender {
	float: right;
	display: inline;
	width: 160px;
}

.system_tickets_date {
	float: right;
	width: 120px;
	display: inline;
}

.system_tickets_count_read {
	float: right;
	width: 40px;
}

.system_tickets_count_replies {
	float: right;
	width: 40px;
}

.system_tickets_title {
	float: left;
	display: inline;
}

.system_tickets_message {
	padding: 4px 4px 4px 0px;
}

.system_tickets_buttons {
	clear: both;
	float: right;
}

.system_tickets_buttons img {
	margin-right: 2px;
}

.system_tickets_buttons a {
	margin-right: 4px;
	text-decoration: none;
}

.system_tickets_user {
	width: 250px;
	text-align: left;
	/*background-color: #fafafa; #B5CFF1*/
	background-color: transparent;
	border: 1px solid #B5CFF1;
	padding: 4px;
	margin: 4px;
	float: right;
}

.system_tickets_user_detail img,.system_tickets_user_detail span {
	vertical-align: middle;
}

.system_tickets_user_puce {
	float: left;
	width: 20px;
	height: 16px;
	text-align: center;
}

.system_tickets_response {
	clear: both;
	border-left: 1px solid #b0b0b0;
	border-top: 1px solid #b0b0b0;
	padding: 2px 0 0 12px;
	overflow: auto;
}

.system_tickets_response_detail {
	padding: 0;
	clear: both;
	margin: 0;
	display: none;
}

.system_tickets_tovalidate {
	float: left;
	background-color: #fafafa;
	border: 1px solid #d0d0d0;
	margin: 4px 0;
	padding: 4px;
	overflow: auto;
}

.system_tickets_tovalidate_msg img,.system_tickets_tovalidate_msg span {
	vertical-align: middle;
}

.system_tickets_tovalidate_msg img {
	padding-right: 4px;
}

.system_tickets_tovalidate_msg {
	
}

.system_tickets_tovalidate_button {
	margin-top: 4px;
	text-align: right;
}

.system_tickets_tovalidate_button img {
	margin-right: 2px;
}

.system_tickets_tovalidate_button a {
	margin-right: 4px;
	text-decoration: none;
}

.system_tickets_legend {
	clear: both;
	padding: 4px;
	overflow: auto;
}

.system_tickets_legend img {
	float: left;
	margin-left: 10px;
	margin-right: 2px;
}

.system_tickets_legend div {
	float: left;
}

#tickets_new {
	padding: 4px;
	/*background-color: #f8f8f8;*/
	background-color: transparent;
	color:#cccccc;
}

#tickets_new td {
	color:#cccccc;
}

.system_page {
	display: block;
	float: left;
	background-color: #f0f0f0;
	padding: 0px 4px;
	margin-left: 1px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #d0d0d0;
}

.system_page:hover {
	background-color: #e0e0e0;
	text-decoration: none;
}

.system_page_sel {
	display: block;
	float: left;
	background-color: #f0f0f0;
	padding: 0px 4px;
	margin-left: 1px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
}

.system_page_sel:hover {
	background-color: #e0e0e0;
	text-decoration: none;
}

.system_tickets_select {
	max-height: 250px;
	overflow: auto;
}

.system_tickets_select_workgroup {
	font-weight: bold;
	background-color: #e0e0e0;
	border-bottom: 1px solid #c0c0c0;
	padding: 1px;
}

.system_tickets_select_workgroup span {
	margin-left: 4px;
}

.system_tickets_select_user {
	display: block;
	background-color: #f0f0f0;
	border-bottom: 1px solid #c0c0c0;
	color: #404040;
	padding: 1px 1px 1px 20px;
	text-decoration: none;
}

.system_tickets_select_user:hover {
	text-decoration: none;
	background-color: #F2F6FF;
	color: #000000;
}

.system_tickets_select_user span {
	padding-left: 4px;
}

.system_tickets_select_usergroup {
	font-weight: bold;
	background-color: #e8e8e8;
	border-bottom: 1px solid #c0c0c0;
	padding: 1px 1px 1px 20px;
}

.system_tickets_select_usergroup span {
	padding-left: 4px;
}

.system_tickets_select_usergroup_user {
	display: block;
	background-color: #f0f0f0;
	border-bottom: 1px solid #c0c0c0;
	color: #404040;
	padding: 1px 1px 1px 40px;
	text-decoration: none;
}

.system_tickets_select_usergroup_user:hover {
	text-decoration: none;
	background-color: #F2F6FF;
	color: #000000;
}

.system_tickets_select_usergroup_user span {
	padding-left: 4px;
}

.system_tickets_select_legend {
	padding: 2px 1px;
	text-align: right;
}

.system_tickets_select_legend span {
	padding: 0 4px;
}

.system_tickets_select_empty {
	padding: 2px 1px;
}

.system_tickets_select_empty span {
	padding: 0 4px;
}

a.system_tickets_delete_user {
	text-decoration: none;
}

a.system_tickets_delete_group,a.system_tickets_delete_workspace {
	font-weight: bold;
}

a.system_tickets_delete_user:hover {
	text-decoration: none;
}

a.system_tickets_delete_user img {
	border: 0;
}

div.system_tree {
	float: left;
	width: 30%;
}

div.system_tree_padding {
	padding: 4px;
	overflow: auto;
}

div.system_main {
	overflow: hidden;
	border-left: 1px solid #c0c0c0;
	padding: 4px;
}

div.system_group_icons {
	float: right;
	width: 150px;
	background-color: #f0f0f0;
	height: 100%;
}

div.system_group_icons_padding {
	padding: 4px;
	overflow: auto;
}

div.system_group_main {
	overflow: auto;
	border-right: 1px solid #c0c0c0;
}

a.planning_planning_action {
	display: block;
	position: absolute;
	overflow: hidden;
	font-size: 0.8em;
	text-align: left;
	text-decoration: none;
	color: #000000;
	opacity: 0.85;
	z-index: 0;
	border: 1px solid #a0a0a0;
}

a.planning_planning_action:hover {
	text-decoration: none;
	color: #000000;
	opacity: 1;
	z-index: 1;
	border: 1px solid #808080;
}

div.planning_planning_heure {
	padding: 1px;
	border-bottom: 1px solid #c0c0c0;
	float: left;
}

p.planning_planning_heure {
	margin: 0;
}

p.planning_planning_heure span {
	vertical-align: top;
	display: inline;
}

span.planning_planning_heure {
	font-weight: bold;
}

span.planning_planning_minute {
	font-size: 0.8em;
}

div.planning_planning_detail {
	clear: both;
	padding: 1px;
}

div.planning_planning_detail div {
	clear: both;
}

div.planning_planning_popup {
	font-size: 0.8em;
	padding: 4px;
	z-index: 10;
}

#planning_calendar {
	padding: 4px;
	background-color: #f0f0f0;
}

.planning_calendar_row {
	clear: both;
	overflow: auto;
}

.planning_calendar_rowsel {
	clear: both;
	overflow: auto;
	background-color: #efeff1;
}

.planning_calendar_day_title {
	background-color: #efeff1;
	margin: 0 1px 0 0;
}

.planning_calendar_day {
	position: relative;
	border: 0px;
	margin: 1px;
	background-color: #FAFAE9;
}

.planning_calendar_day_selected {
	position: relative;
	border: 1px solid #c0c0c0;
	margin: 0 1px 1px 0;
	background-color: #f0fbd0;
}

.planning_calendar_day_today {
	background-color: #ffffff;
}

.planning_calendar_arrow {
	float: left;
	/*	width:100px;
	height:100px; */
	text-align: center;
}

.planning_calendar_userlink {
	display: block;
	padding: 2px 4px;
	margin: 0 0 1px 1px;
	/*margin-bottom:1px;*/
	border: 1px solid #c0c0c0;
	text-decoration: none;
}

.planning_calendar_userlink:hover {
	border: 1px solid #808080;
	text-decoration: none;
}

.toolbar {
	clear: both;
	padding-bottom: 2px;
	overflow: auto;
}

.toolbar_left {
	
}

.toolbar_right {
	float: right;
}

.toolbar_icon_vertical {
	display: block;
	border: 1px solid #a0a0a0;
	margin-bottom: 2px;
	background-color: #ffffff;
	padding: 1px;
	overflow: auto;
}

.toolbar_icon_vertical a {
	display: block;
	color: #000000;
	background-color: #f0f0f0;
	text-decoration: none;
	opacity: 0.8;
}

.toolbar_icon_vertical a:hover {
	background-color: #e0e0e0;
	text-decoration: none;
	opacity: 1;
}

.toolbar_icon {
	display: block;
	float: left;
	border: 1px solid #a0a0a0;
	margin-right: 2px;
	background-color: #fefefe;
	padding: 1px;
}

.toolbar_icon a {
	display: block;
	color: #ABABAB;
	background-color: #f0f0f0;
	text-decoration: none;
	opacity: 0.8;
}

.toolbar_icon a:hover {
	background-color: #e0e0e0;
	text-decoration: none;
	opacity: 1;
}

.toolbar_icon_image {
	background-color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
	padding: 4px;
}

.toolbar_icon_title {
	text-align: center;
	padding: 2px 10px;
	background-color: #ffffff;
}

.toolbar_icon_sel {
	display: block;
	float: left;
	border: 1px solid #4E68A6;
	margin-right: 2px;
	background-color: #4E68A6;
	padding: 1px;
}

.toolbar_icon_sel a {
	display: block;
	color: #000000;
	background-color: #e0e0e0;
}

.toolbar_icon_sel a:hover {
	background-color: #d0d0d0;
	text-decoration: none;
}

/***** BARRE ONGLETS ******/

.onglettoolbar {
	clear: both;
	/*padding-bottom: 2px;*/
	overflow: auto;
}

.onglettoolbar_left {
	
}

.onglettoolbar_right {
	float: right;
}

.onglettoolbar_icon {
	display: block;
	float: left;
	height:21px;
	border-top: 1px solid #3B567E;
	border-left: 1px solid #3B567E;
	border-right: 1px solid #3B567E;
	margin-right: 5px;
	background:transparent url('../img/background_block.png') repeat;
	/*background-color: #ffffff;*/
	padding: 1px;
}

.onglettoolbar_icon a {
	display: block;
	color: #EFEFEF;
	font-size:14px;
	/*background-color: #f0f0f0;*/
	text-decoration: none;
}

.onglettoolbar_icon a:hover {
	background-color:#e0e0e0;
	text-decoration: none;
	opacity: 1;
}

.onglettoolbar_icon_image {
	float:left;
	/*background-color: #ffffff;*/
	text-align: center;
	padding-left:6px;
	padding-top:2px;
	/*border-bottom: 1px solid #d0d0d0;*/
	/*padding: 4px;*/
}

.onglettoolbar_icon_title {
	
	float:left;
	text-align: center;
	padding: 0px 10px 0 10px;
	/*background-color: #ffffff;*/
}

.onglettoolbar_icon_sel {
	display: block;
	float: left;
	/*border: 1px solid #4E68A6;*/
	margin-right: 5px;
	border-top: 1px solid #3B567E;
	border-left: 1px solid #3B567E;
	border-right: 1px solid #3B567E;
	border-bottom: 1px solid #7D95B8;
	background:transparent url('../img/background_onglet2.png') repeat;
	/*background-color: #4E68A6; 2B3E5B */
	height:23px;
	padding: 1px 1px -1px 1px;
	font-size:14px;
}

.onglettoolbar_icon_sel a {
	display: block;
	/*color: #777777;*/
	background-color: #e0e0e0;
}

.onglettoolbar_icon_sel a:hover {
	background-color: #d0d0d0;
	text-decoration: none;
}

#content_onglet {
	position:relative;
	margin-top:30px;
	border-left:#3B567E 1px solid;
	border-right:#3B567E 1px solid;
	border-bottom:#3B567E 1px solid;
	background:transparent url('../img/background_onglet2.png') repeat;
}

#menu_content_onglet {
	position:absolute;
	top:-25px;
	left:-1px;
	width:100%;
	height:24px;
	border-bottom:#3B567E 1px solid;
}