/*#############################################################################*/
/*# CSS																		  #*/
/*#									CSS TAG									  #*/
/*#																			  #*/
/*# Author: Colotin Florin (colotin_f@yahooo.com)							  #*/
/*#############################################################################*/

/*#################################### TAG CSS ################################*/
body {margin:8px; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000;}
ul, li, p {padding:0px; margin:0px; list-style-type:none;}
form {margin:0px; padding:0px;}

.frm1 {color:#FFFFFF;}
.frm1 input {border:1px solid #7F9DB9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.frm1 select {border:1px solid #7F9DB9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.frm1 textarea {border:1px solid #7F9DB9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
/*# END #*/

/*############################### TEXT COLORS CSS #############################*/
.color1 {color:#000000;} /*black*/
.color2 {color:#FFFFFF;} /*white*/
.color3 {color:#70C1E9;} /*blue*/
.color4 {color:#CCCCCC;} /*grey*/
.color5 {color:#333333;}
/*# END #*/

/*############################# BACKGROUND COLOR CSS ###########################*/
.bg0 {background-color:transparent;} /*transparent*/
.bg1 {background:#00FFFF;}
.bg2 {background:#F0F8E6;}
/*# END #*

/*################################# BORDER CSS #################################*/
.bd0 {border:0px;} /*transparent*/
.bd1 {border:1px solid #FFFFFF;} 
.bd2 {border:1px solid #CCCCCC;} 
.bd3 {border-bottom:1px solid #FFFFFF;}
/*# END #*/

/*################################### DISVERS CSS #############################*/
.bold 	{font-weight:bold;}
.italic {font-style:italic}
.clr {clear:both;}
/*# END #*/

/*#############################################################################*/
/*#     																	  #*/
/*#							    CSS PERSONALIZED							  #*/
/*#																			  #*/
/*#############################################################################*/

/*##################################### PAGE ##################################*/
#page {width:984px; margin:auto; text-align:left;}

#page #pHeader {width:auto; color:#70C1E9;}
#page #pHeader #phC1 {float:left; width:130px;}
#page #pHeader #phC2 {float:left; width:234px; text-align:left;}
#page #pHeader #phC3 {float:left; width:620px;text-align:right;}

#page #pHeader #phMenu {width:auto; height:39px; background:url(../img/bg_menu.gif) repeat-x left top; margin:10px 0px 6px 0px; text-align:center; padding-left:100px;}
#page #pHeader #phMenu a {float:left; display:block; height:39px; text-decoration:none;}
#page #pHeader #phMenu a div {float:left; height:33px; line-height:33px; text-align:center; color:#333333; padding:0px 10px 0px 10px;}
#page #pHeader #phMenu a:hover {float:left; display:block; background:url(../img/bg_menu_over.gif) no-repeat center top; text-decoration:none; cursor:pointer;}
#page #pHeader #phMenu a:hover div {float:left; height:33px; line-height:33px; background-color:#428DC2; text-align:center; color:#FFFFFF; padding:0px 10px 0px 10px;}
#page #pHeader #phMenu .phmSpacer {float:left; width:6px; height:39px; background-color:#FFFFFF;}
#page #pHeader #phMenu .aSel {float:left; display:block; background:url(../img/bg_menu_over.gif) no-repeat center top; text-decoration:none; cursor:pointer;}
#page #pHeader #phMenu .aSel div {float:left; height:33px; line-height:33px; background-color:#428DC2; text-align:center; color:#FFFFFF; padding:0px 10px 0px 10px;}

#page #pContentLogin {width:auto; background:url(../img/bg_bar_page_login.gif) no-repeat left top; text-align:center; margin-top:3px;}
#page #pContentLogin #formLogin {width:358px; margin:auto; text-align:left;}
#page #pContentLogin #formLogin #flR {margin:0px; padding:0px; padding:35px 46px 35px 46px;}
#page #pContentLogin #formLogin #flR input {width:260px; border:1px solid #DFDFDF; padding:2px;}
#page #pContentLogin #formLogin #flR #flTitle {display:block; background:url(../img/btn5_m.jpg) repeat-x; text-align:center; margin-bottom:20px; font-size:12px; font-weight:bold; font-family:Tahoma;}
#page #pContentLogin #formLogin #flR #flTitle div {display:block; background:url(../img/btn5_l.jpg) no-repeat left;}
#page #pContentLogin #formLogin #flR #flTitle div a {display:block; background:url(../img/btn5_r.jpg) no-repeat right; height:26px; line-height:26px; text-align:center; text-decoration:none; font-size:12px; color:#FFFFFF;}

#page #pContent {width:auto;}
#page #pContent h3 {color:#333333; margin:0px 0px 3px 0px; padding:0px; font-size:14px; font-weight:normal;}
#page #pContent h4 {color:#397B36; margin:0px 0px 3px 0px; padding:0px; font-size:14px; font-weight:normal;}

.pageLR {width:984px;}
.pageLR .plrL {float:left; width:758px; text-align:left;}
.pageLR .plrR {float:right; width:206px; text-align:left;}
/*# END #*/

/*################################# BOXES ROUNDED #############################*/
/*
.box1R {width:auto; padding:6px; background:#70C1E9;}
.box1R div.sb-inner {background:#428DC2;}
.box1R div.sb-border {background:#FFFFFF;}

.box2R {display:block; background:#DCF2FF; padding:6px 6px 6px 10px; color:#333333; text-decoration:none; margin-bottom:1px;}
.box2R p {background:url(../img/arrow1.gif) no-repeat left center; padding-left:14px;}
.box2R div.sb-inner {background:#F0F8E6;}
.box2R div.sb-border {background:#CCCCCC;}
.box2Rounded:hover {color:#397B36;}

.box3R {background:#F5F6F8; padding:8px; color:#0F5397;}
.box3R div.sb-inner {background:#F5F6F8;}
.box3R div.sb-border {background:#70C1E9;}
.box3R input {border:1px solid #70C1E9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.box3R input.bd0 {border:0px;}
.box3R select {border:1px solid #70C1E9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.box3R textarea {border:1px solid #70C1E9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.box3R .underMenu {width:100%;}
.box3R .underMenu a {float:left; height:39px; margin-right:6px;}

.box3RBLR {background:#DCF2FF; padding:8px; color:#333333;}
.box3RBLR div.sb-inner {background:#EEEEEE;}
.box3RBLR div.sb-border {background:#EEEEEE;}
.box3RBLR input {border:1px solid #70C1E9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.box3RBLR input.bd0 {border:0px;}
.box3RBLR select {border:1px solid #70C1E9; color:#0F5397; font-size:12px; padding:2px; margin:0px;}
.box3RBLR textarea {border:1px solid #70C1E9; color:#333333; font-size:12px; padding:2px; margin:0px;}
.box3RBLR .underMenu {width:100%;}
.box3RBLR .underMenu a {float:left; height:39px; margin-right:6px;}

.titleBox3R {background:#428DC2; color:#FFFFFF; padding:4px 4px 3px 10px; margin:0px 0px 0px 0px; font-size:16px; font-weight:normal;}
.titleBox3R div.sb-inner {background:#428DC2;}
.titleBox3R div.sb-border {background:#70C1E9;}
.titleBox3R h2 {padding:0px; margin:0px; font-size:18px; font-weight:normal;}

.box4R {background:#FFFFFF; padding:8px;}
.box4R div.sb-inner {background:#F5F6F8;}
.box4R div.sb-border {background:#DFDFDF;}

.box5R {background:#EEEEEE; padding:8px; color:#0F5397;}
.box5R div.sb-inner {background:#EEEEEE;}
.box5R div.sb-border {background:#CCCCCC;}

.titleBox5R {background:#F6C05B; color:#FFFFFF; padding:4px 4px 8px 10px; margin:0px 0px -4px 0px; font-size:16px; font-weight:normal;}
.titleBox5R div.sb-inner {background:#F6C05B;}
.titleBox5R div.sb-border {background:#F6C05B;}
.titleBox5R h2 {padding:0px; margin:0px; font-size:18px; font-weight:normal;}

.titleBox6R {background:#F6C05B; color:#FFFFFF; padding:4px 4px 4px 10px; margin:0px; font-size:16px; font-weight:normal;}
.titleBox6R div.sb-inner {background:#9CC356;}
.titleBox6R div.sb-border {background:#9CC356;}
.titleBox6R h2 {padding:0px; margin:0px; font-size:18px; font-weight:normal;}

.box7R {background:#FFFFFF; padding:8px; color:#333333;}
.box7R div.sb-inner {background:#FFFFFF;}
.box7R div.sb-border {background:#CCCCCC;}
*/
/*# END #*/

.TitleConsult {color:#0F5397; font-size:18px; text-decoration:none}
.TitleConsult:hover {text-decoration:underline;}
/*################################### LINKS CSS ###############################*/
.link1 {color:#409BEA; text-decoration:none;}
.link1:hover {color:#0F5397; text-decoration:underline;}
.link2 {color:#F6C05B; text-decoration:underline;}
.link2:hover {color:#0F5397; text-decoration:underline;}
.link3 {color:#333333; text-decoration:none;}
.link3:hover {color:#0F5397; text-decoration:underline;}
/*# END #*/

/*################################# LISTING CSS ###############################*/
.tableListing {border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF;}
.tableListing th {border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; background:#9CC356; color:#FFFFFF; padding:3px 3px 3px 5px;}
.tableListing td {border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; color:#333333; padding:3px 3px 3px 5px;}
.tableListing .bg0 {background-color:#FFFFFF;}
.tableListing .bg1 {background-color:#F0F8E6;}
.tableListing .bgSel {background-color:#FBE2B5;}

.tableListing th .sort {background:url(../img/sort.gif) no-repeat left center; padding-left:9px; text-decoration:none; color:#FFFFFF;}
.tableListing th .sort:hover {background:url(../img/sortasc.gif) no-repeat left center;}
.tableListing th .sortasc {background:url(../img/sortasc.gif) no-repeat left center; padding-left:9px; text-decoration:none; color:#FFFFFF;}
.tableListing th .sortasc:hover {background:url(../img/sortdesc.gif) no-repeat left center;}
.tableListing th .sortdesc {background:url(../img/sortdesc.gif) no-repeat left center; padding-left:9px; text-decoration:none; color:#FFFFFF;}
.tableListing th .sortdesc:hover {background:url(../img/sort.gif) no-repeat left center;}

/*# END #*/

/*##################################### BUTONS ################################*/
.btn1 {display:block; background:url(../img/btn1_m.jpg) repeat-x;}
.btn1 div {display:block; background:url(../img/btn1_l.jpg) no-repeat left;}
.btn1 div a {display:block; background:url(../img/btn1_r.jpg) no-repeat right; height:28px; line-height:28px; text-align:center; text-decoration:none; padding:0px 14px 0px 14px; font-size:11px; font-weight:bold; color:#FFFFFF;}
.btn1 div a:hover {color:#333333;}

.btn2 {display:block; height:41px; background:url(../img/btn2_b.gif) no-repeat center bottom; text-align:center; text-decoration:none; font-size:12px;}
.btn2 div {height:33px; line-height:32px; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background:#D1D9E1; color:#333333; padding:0px 15px 0px 15px;}
.btn2:hover {display:block; height:41px; background:url(../img/btn2_b_over.gif) no-repeat center bottom; text-decoration:none}
.btn2:hover div {display:block; height:33px; line-height:32px; border-top:1px solid #428DC2; border-right:1px solid #428DC2; border-left:1px solid #428DC2; background:#428DC2; color:#FFFFFF; padding:0px 15px 0px 15px;}
.btn2Sel {display:block; height:41px; background:url(../img/btn2_b_over.gif) no-repeat center bottom; text-align:center; text-decoration:none}
.btn2Sel div {height:33px; line-height:32px; border-top:1px solid #428DC2; border-right:1px solid #428DC2; border-left:1px solid #428DC2; background:#428DC2; color:#FFFFFF; padding:0px 15px 0px 15px;}

.btn4 {display:block; background:url(../img/btn4_m.jpg) repeat-x; text-align:left; margin:2px 0px 2px 0px}
.btn4 div {display:block; background:url(../img/btn4_l.jpg) no-repeat left;}
.btn4 div a {display:block; background:url(../img/btn4_r.jpg) no-repeat right; height:27px; line-height:27px; text-align:center; text-decoration:none; padding:0px 14px 0px 25px; font-size:12px; color:#333333; text-align:left;}
.btn4 div a:hover {color:#397B36;}
/*# END #*/

/*################################## PAGING CSS ###############################*/
.paging {width:auto; height:30px; text-align:center;}
.paging .pBody {width:400px; margin:auto; padding-top:9px;}
.paging .pBody a {display:block; float:left; height:16px; line-height:16px; text-align:center; font-size:11px; color:#70C1E9; border:1px solid #70C1E9; background-color:#FFFFFF; text-decoration:none;}
.paging .pBody a:hover {background-color:#F6C05C; color:#FFFFFF; text-decoration:none;}
/*# END #*/

/*################################### POPUP DIV ###############################*/
#popup_div {border: 1px solid #DFDFDF; z-index:9002; background: #ffffff url(../img/spacer.gif) }
.popup_div_handle {cursor: move}
#popup_div_mask {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1001; background-color :#000000; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
#popup_div_close {cursor: pointer}
/*# END #*/

/*################################### GRAPH MENU ##############################*/
.graphMenu {text-align:left; width:auto; height:31px;}
.graphMenu a {float:left; height:31px; display:block; background:#428DC2 url(../img/btn3_r.jpg) no-repeat right top; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:left; font-size:13px;}
.graphMenu a span {display:block; background:url(../img/btn3_l.jpg) no-repeat left top; line-height:31px; font-size:13px;}
.graphMenu a img {border:0px;}
/*# END #*/

#pbiList {}
#pbiList .cell1 {float:left; width:235px;}
#pbiList .cell2 {float:left; width:235px; margin:0px 10px 0px 10px;}
#pbiList .cell3 {float:left; width:235px;}

#pbiList .pbiBox {margin:10px 0px 10px 0px; border:1px solid #428DC2; background:#FFFFFF;}
#pbiList .pbiBox .pbTitle {background:#428DC2; color:#FFFFFF; font-size:13px; margin:0px; padding:2px;}
#pbiList .pbiBox .pbRow {display:block; margin:3px 0px 0px 0px; padding:2px; border-bottom:1px dotted #CCCCCC;}
#pbiList .pbiBox .pbRow .pbrVar {float:left; width:117px; font-size:11px}
#pbiList .pbiBox .pbRow .pbrVal {float:left; width:110px; margin-left:2px;}							
#pbiList .pbiBox .pbRow .pbrVal input {width:50px; font-size:10px}


.boxPadding {padding:6px; margin:0px;}
.boxR1 {background:#428DC2; border:1px solid #428DC2; margin:0px 0px 6px 0px; color:#FFFFFF; text-align:center;}
.boxR2 {background:#F5F6F8; border:1px solid #F5F6F8; color:#FFFFFF; text-align:left; color:#70C1E9; font-weight:bold;}
.boxRTitle1 {background:#428DC2; border:1px solid #428DC2; text-align:left; margin-bottom:7px;}
.boxRTitle1 p {margin:0px; padding:0px 0px 2px 10px; font-size:16px; font-weight:bold; color:#ffffff;}
.boxRTitle1 p a {color:#FFFFFF; text-decoration:none;}
.boxRTitle1 p a:hover {color:#FFFFFF; text-decoration:underline;}
.boxR3 {background:#EEEEEE; border:1px solid #DFDFDF; margin-bottom:20px;}
.boxRTitle2 {background:#F6C05B; border:1px solid #F6C05B; text-align:left; margin-bottom:1px;}
.boxRTitle2 p {margin:0px; padding:0px 0px 2px 10px; font-size:16px; font-weight:bold; color:#FFFFFF;}
.boxR4 {background:#EEEEEE; border:1px solid #DFDFDF;}
.boxR5 {background:#F5F6F8; border:1px solid #DFDFDF;}
.boxR6 {background:#FFFFFF; border:1px solid #CCCCCC; color:#333333;}
.boxRTitle3 {background:#9CC356; border:1px solid #9CC356; text-align:left; margin-bottom:0px;}
.boxRTitle3 p {margin:0px; padding:0px 0px 2px 10px; font-size:16px; font-weight:bold; color:#FFFFFF;}


.boxBtnsRight {text-align:center; height:28px; margin-top:5px;}

.mktipmsg {padding: 5px; background-color: #FFF8DC;  border: 1px solid #DEB887; width:auto;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; display:none; position:absolute;left:0px;top:0px; text-align:left; }
	
/*################################### Suggest #############################*/

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:1;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/*################################### Menu en onglet #############################*/

.menu {width:auto; height:39px; background:url(../img/bg_menu.gif) repeat-x left top; margin:10px 0px 0px 0px; text-align:center; }
.menu a {float:left; display:block; height:39px; text-decoration:none;}
.menu a div {float:left; height:33px; line-height:33px; text-align:center; color:#333333; padding:0px 10px 0px 10px;}
.menu a:hover {float:left; display:block; background:url(../img/bg_menu_over.gif) no-repeat center top; text-decoration:none; cursor:pointer;}
.menu a:hover div {float:left; height:33px; line-height:33px; background-color:#428DC2; text-align:center; color:#FFFFFF; padding:0px 10px 0px 10px;}
.menu .phmSpacer {float:left; width:6px; height:39px; background-color:#FFFFFF;}
.menu .aSel {float:left; display:block; background:url(../img/bg_menu_over.gif) no-repeat center top; text-decoration:none; cursor:pointer;}
.menu .aSel div {float:left; height:33px; line-height:33px; background-color:#428DC2; text-align:center; color:#FFFFFF; padding:0px 10px 0px 10px;}

/*################################### div module greffe #############################*/
.label_size_12{padding-top: 5px;}
.label{padding-top: 2px;}

/*################################### Jquery dialog css #############################*/

.no-close .ui-dialog-titlebar-close {display: none }

/*################################### ----------- #############################*/

.arrow {
  border: solid grey;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/*# END #*/