/**
 * Dragon - SOA Governance Platform.
 * Copyright (c) 2008 EBM Websourcing, http://www.ebmwebsourcing.com/
 * 
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * Initial developer(s): EBM WebSourcing
 *
 * The Dragon stylesheet.
 * ------------------------
 * Colors :
 * --------
 * dark grey    : #b5b2b8
 * grey         : #e2e2e2
 * light grey   : #dad9d8
 * orange       : #f97601
 * violet       : #5906A6
 * light violet : #e2cdf3
 * ultra light  : #f7f5f7
 **************************************/
body,html {
	background-color: rgb(244, 244, 244);
	margin: 0;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	/* Force hover behavior for IE */
	behavior: url("resources/css/csshover.htc");
}

/*********************

   TEMPLATE

**********************/
#content {
	position: absolute;
	left: 50%;
	width: 1010px;
	margin-left: -505px;
	height: 800px;
}

#content-top {
	width: 1010px;
	background-image: url('../img/Structure/top.png');
	background-repeat: repeat-x;
	height: 222px;
}

#content-mid-top {
	width: 1010px;
	background-image: url('../img/Structure/mid_top_bckg.png');
	height: 4px;
}

/******/
p,form,h1,h2,h3,h4,h5,h6,input,select,textarea,div,a,ul,li,ol {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

input,select,textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
}

table acronym {
	border: 0;
	border-collapse: collapse
}

td {
	padding: 0
}

a,a:visited,a:link {
	text-decoration: underline;
	color: #5906A6;
}

a:hover {
	color: #5906A6;
}

a img,acronym {
	border: none;
	display:block;
	float:left;
	margin:-4px 3px 0 0;
}

.dn {
	display: none
}

.cb {
	clear: both
}

.noborder {
	border: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.ac {
	text-align: center;
}

.bold {
	font-weight: bold;
}

img {
	margin: 2px 5px 2px 0;
	vertical-align: middle;
}

/* Correction des bug Internet Explorer */
* html button {
	width: 1%;
	overflow: visible;
}

* :first-child+html button {
	overflow: visible;
}

/* ========================================== */
	/* Style des header, footer et page container */
	/* ========================================== */
	/* Dragon (dragon-body) */
#Default {
	height: 800px;
	width: 100%;
	background-image: url('../img/Structure/top_bckg.png');
	background-repeat: repeat-x;
}

/* Dragon format (content-body) */
.page-title {
	margin-top: 1em;
	margin-bottom: 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	color: #5f2a78;
	/*border-bottom:2px solid #e2cdf3;*/
}

#page-container {
	padding-left: 15px;
	padding-right: 15px;
	width: 698px;
	height: 500px;
	overflow: auto;
}

#content-mid-mid {
	width: 1010px;
	height: 500px;
}

#content-mid-mid-left {
	width: 270px;
	background-image: url('../img/Structure/mid_mid_left_bckg.png');
	height: 500px;
	position: absolute;
	overflow: auto;
}

#content-mid-mid-right {
	width: 743px; /*743px*/
	background-image: url('../img/Structure/mid_mid_right_bckg.png');
	height: 500px;
	position: absolute;
	left: 267px; /*267px*/
}

#content-mid-bot {
	width: 1010px;
	background-image: url('../img/Structure/mid_bot_bckg.png');
	height: 31px;
}

div.Menu {
	margin-left: 20px;
	width: 245px;
	/*height: 500px;*/
	overflow: auto;
}

#footer {
	clear: both;
	/*margin-top: 30px;*/
	margin-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	color: rgb(180, 180, 180);
	text-align: center;
}

#footer ul {
	display: inline;
	background: url("../img/bulet/footer_bullet.png") right center no-repeat
		;
	padding-right: 5px;
}

#footer ul li {
	display: inline;
	background: url("../img/bulet/footer_bullet.png") left center no-repeat;
	padding: 0 3px 0 9px;
}

#errorbox,#askbox,#messagebox {
	margin: 20px;
}

#errorbox #stack {
	overflow-x: auto;
	_width: 100%;
}

.text {
	margin: 20px 0 20px 20px;
}

.text_browse {
	margin-left: 30px;
	margin-bottom: 10px;
}

.input_field input {
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px #f97601;
	border-style: solid;
	padding: 1px 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #5906A6;
}

/* ========================== */ /* Style des titre par d�faut */
	/* ========================== */ /*
h1 {
	margin-top: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	padding-left: 0;
	color: #f97601;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: normal;
}
*/ /* ================================ */
	/* Style du BorderLayout par d�faut */
	/* ================================ */
.blayout {
	text-align: left;
	background-color: #F4F4F4;
	border: 1px solid #9D9D9D;
	/*	overflow: hidden;*/
	_width: 100%;
}

.blayout .left {
	margin-left: 20px;
	/* pourquoi ??? */
	_margin-left: 10px;
	vertical-align: top;
	float: left;
	width: 200px;
}

.blayout .center { /*	width: auto;*/
	vertical-align: top;
	margin-left: 230px;
	margin-right: 20px;
}

.blayout .right {
	padding: 0 20px 0 10px;
	vertical-align: top;
	float: right;
	width: 200px;
}

/* ==================================== */
	/* (vertical) Menu style                */
	/* ==================================== */
div.Menu  .title {
	font: normal 14px Corbel, Helvetica, Arial, sans-serif !important;
	color: #5906A6;
}

/* clean up defaults */
div.Menu ul,.Menu li,.Menu a {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none outside none;
}

div.Menu li {
	background-image: none !important;
}

div.Menu ul {
	margin-left: 25px !important;
	position: relative;
}

/* common <li> settings */
div.Menu li {
	position: relative !important;
	/*border-left: 1px solid #bbbbbb !important;*/
	padding-left: 12px !important;
	font-size: 12px;
	/*background: url('../img/menu/nornix-treemenu-line.png') 0 10px
		no-repeat !important;*/
}

/* display marker on current item */
div.Menu a.current span {
	display: block !important;
	position: absolute !important;
	left: 22px !important;
	top: 3px !important;
	height: 13px !important;
	width: 14px !important;
	background: url('../img/menu/nornix-treemenu-current.png') !important;
}

div.submenu span {
	border: none !important;
	color: #000 !important;
	text-decoration: none !important;
}

/* set default values for <a> elements */
div.submenu li a,div.submenu a.root,div.submenu li a.current {
	display: block !important;
	padding-left: 19px !important;
	height: 24px !important;
	border: none !important;
	color: #000 !important;
	text-decoration: none !important;
	background-repeat: no-repeat !important;
	background-image: url('../img/menu/folder-closed.png') !important;
	background-position: 0 2px !important;
}

/* change properties for <a> elements with the href attribute set
-- the current page will not have a href value */
div.submenu a:link,div.submenu a:visited,div.submenu a:active,div.submenu a:hover
	{
	color: #000 !important;
	text-decoration: none !important;
}

/* :hover styling on <a> elements */
div.submenu a:hover,div.submenu li.folder a:hover,div.submenu ul li.open>a:hover
	{
	text-decoration: none !important;
}

div.submenu a:active,div.submenu a.root:active {
	background-color: #e8e8e8 !important;
}

div.Menu a:focus,div.Menu a.root:focus {
	background-color: #e8e8e8 !important;
}

/* ==================================== */
	/* HeaderMenu style                */
	/* ==================================== */
div.HeaderMenu {
	position: absolute;
	overflow: hidden;
	right: 40px;
	top: 100px;
	_width: 300px;
}

div.HeaderMenu ul {
	float: right;
}

div.HeaderMenu ul li {
	float: left;
	padding: 0 5px;
}

div.HeaderMenu .title {
	display: none;
}

/* ============================ */ /* ButtonsBar style             */
	/* ============================ */
div.Buttons {
	text-align: center;
	padding: 10px;
	margin-left: 30%;
	display: block;
	/* clearing fix */
	_width: 100%;
	overflow: hidden;
}

div.Buttons ul li {
	float: left;
}

div.Buttons a,div.Buttons a:link,div.Buttons a:visited,div.Buttons input,div.Buttons span.disabled
	{
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #F8F8F8;
	cursor: pointer !important;
	color: #000;
	font-size: 10px;
	/*font-size: 90%;*/
	font-weight: bold;
	border: 1px solid #5906A6;
	margin: 0 3px;
	display: block;
	text-decoration: none;
	padding: 3px 6px 4px 6px;
}

div.Buttons span.disabled {
	color: #C4C4C4;
}

div.Buttons input {
	padding: 2px 4px 3px 4px;
	/* For IE */
	_padding: 2px 0 2px 0;
}

div.Buttons a:hover,div.Buttons input:hover {
	background-color: #DEDEDE;
	color: #404040;
}

/* ============================ */ /* Toolbar style                */
	/* ============================ */
div.Toolbar {
	position: absolute;
	overflow: hidden;
	right: 48px;
	top: 176px;
	_top: 146px;
	border: 3px double #CECECE;
	padding: 0;
}

div.Toolbar ul li {
	float: left;
}

div.Toolbar a,div.Toolbar a:link,div.Toolbar a:visited,div.Toolbar input,div.Toolbar span.disabled
	{
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #F3F3F3;
	cursor: pointer !important;
	color: #404040;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 0px 3px;
	margin: 0;
	font-size: 80%;
	border: 0;
	border-left: 1px solid #CECECE;
}

div.Toolbar span.disabled {
	color: #C4C4C4;
}

div.Toolbar input {
	padding: 0;
}

div.Toolbar a:hover,div.Toolbar input:hover {
	background-color: #4F4D4E;
	color: #FFFFFF;
}

/* ============================ */ /* Style du  TabPage par d�faut */
	/* ============================ */
div.Tab {
	background: url("../img/bulet/tab_bar.png") bottom repeat-x;
	/* clearing fix */
	overflow: hidden;
	_width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	margin: 0 10px;
}

div.Tab li {
	float: left;
}

div.Tab a,div.Tab a:visited,div.Tab a:link,div.Tab .Selected,div.Tab span
	{
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer !important;
	color: #5906A6;
	font-size: 90%;
	font-weight: bold;
	border: 1px solid #5906A6;
	border-bottom: 1px solid #fff;
	margin: 0 2px 0 2px;
	padding: 3px 7px 4px 7px;
	display: block;
}

div.Tab .Selected {
	color: #5906A6;
	background-color: #E9E2EF;
	/*border-bottom-color: #5906A6;*/
	border-bottom-color: #E9E2EF;
}

div.Tab .Disabled {
	color: #AF8EDD;
}

div.Tab a:hover {
	background-color: #fff;
	color: #F97601;
}

div.TabContent {
	padding: 10px 0;
	/*	margin: 0px 10px 10px 10px;*/
	border-top: 1px solid #5906A6;
	/*border-top-width: 0;*/ /*	padding: 13px;*/
	background-color: #fff;
	display: block;
	min-height: 300px;
	/* For IE */
	_height: 300px;
}

div.TabV {
	background: url("../img/bulet/tab_vbar.png") right repeat-y;
	padding-top: 20px;
	margin: 10px 0 10px 10px;
	float: left;
	width: 100px;
}

div.TabV ul {
	display: block;
}

div.TabV li {
	display: block;
}

div.TabV ul li {
	display: block;
	border: 1px solid #5906A6;
}

div.TabV a,div.TabV a:visited,div.TabV a:link,div.TabV span { /*
	display:-moz-inline-box;
	display:inline-block;
	*/
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer !important;
	color: #404040;
	/*font-size: 10px;*/
	font-size: 90%;
	font-weight: bold;
	border: 3px double #BEBEBE;
	border-right: 1px solid #BEBEBE;
	margin: 2px 0 2px 0;
	padding: 3px 7px 4px 7px;
	display: block;
	_width: 100%;
	/*	-moz-border-radius: 2px;*/ /*	float: left;*/ /*	height: 20px;*/
}

div.TabV .Selected {
	color: #5906A6;
	background-color: #E9E2EF;
	/*border-right-color: #F3F3F3;*/
}

div.TabV .Disabled {
	color: #AF8EDD;
}

div.TabV a:hover {
	background-color: #fff;
	color: #F97601;
}

div.TabVContent { /*margin: 10px 10px 10px 0;*/
	margin: 10px 10px 10px 110px;
	/*border: 1px solid #BEBEBE;*/
	border-left-width: 0px;
	padding: 13px;
	background-color: #F3F3F3;
	min-height: 400px;
	/* For IE */
	_height: 400px;
}

/* ========================= */ /* Style du  Form par d�faut */
	/* ========================= */
div.Form {
	background-color: #FFFFFF;
	color: #404040;
	padding: 0;
	margin-bottom: 10px;
}

div.Form fieldset {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	border: 0;
	background: url("../img/divers/filets.jpg") left 0px repeat-x;
}

div.Form legend, div.Form .legend {
	/*color: #9D9D9D;*/
	color: #f87600;
	font-weight: bold;
	/*font-size: 11px;*/
	font-size: 1.3em;
	/*text-transform: uppercase;*/
	/*font-style: italic;*/
	background: #FFFFFF;
	margin-left: 50px;
	padding: 0px 8px 0px 8px;
}

div.Form div.field {
	display: block;
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #FFFFFF;
	/* clearing fix */
	_width: 100%;
	overflow: hidden;
}

div.Form div.even {
	background-color: #f7f5f7;
}

div.Form label.field {
	color: #000000;
	font-weight: bold;
	display: block;
	width: 30%;
	float: left;
	padding: 8px 0;
	text-align: right;
}

div.Form div.field div {
	float: left;
	padding: 8px 0;
	margin-left: 10px;
	/*	vertical-align: middle;*/
}

div.Form div.field textarea {
	font-size: 10 px;
	font-family: MS Shell Dlg;
}

div.Form div.field input,div.Form div.field select,div.Form div.field textarea
	{
	margin-right: 5px;
	border: 1px solid #f97601;
	padding: 1px 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #5906A6;
}

div.Form div.mandatory input,div.Form div.mandatory select,div.Form div.mandatory textarea
	{
	background-color: rgb(255, 255, 200);
}

div.Form div.field input.checkbox,div.Form div.field input.radio {
	/*	border: 1px solid #f97601;*/
	border: none;
	background-color: transparent;
	margin: 2px 3px;
}

div.Form ul.errors {
	float: left;
	margin: 8px 5px;
}

div.Form ul.errors li {
	display: block;
	font-size: 90%;
	color: #5906A6;
	background: url("../img/bulet/error.gif") left center no-repeat;
	padding-left: 7px;
}

div.Form .fieldbuttons {
	padding: 8px 0;
}

/*div.Form .fieldbuttons a img {
	display: block;
	float: left;
	margin: -4px 3px 0 0;
}*/

div.AddButtons {
	position: relative;
	top: -52px;
	left: 130px;
	float: left;
}

/* ========================= */ /* Style de Table par d�faut */
	/* ========================= */
table.Table {
	background-color: #FFFFFF;
	color: #404040;
	border-collapse: collapse;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}

div.Table .Title {
  /*color: #f87600;*/
  color: #f97601;
  border-bottom: 1px solid #EAEAEA;
  font-size: 1.3;
  font-weight: bold;
  padding:4px 4px 4px 6px;
/*  text-transform: uppercase;*/
}

table.Table caption {
	color: #5906A6;
	text-transform: uppercase;
	font-weight: bold;
	/*font-size: 11px;*/
	font-size: 100%;
	padding: 5px 0 5px 15px;
}

table.Table .range {
	color: #5906A6;
	font-weight: bold;
	font-size: 9px;
	float: left;
}

table.Table .pagelinks {
	color: #5906A6;
	font-weight: bold;
	float: right;
}

table.Table .pagelinks * {
	margin-left: 5px;
}

table.Table th {
	border-bottom: 1px solid #D9D9D9;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	font-size: 12px;
	/*	text-align:center;*/
}

table.Table th a,.Table th a:visited .Table th a:link {
	text-decoration: underline;
	font-weight: bold;
}

table.Table th a:hover {
	color: #5906A6;
}

table.Table tbody th a,.Table tbody th a:visited {
	padding-right: 10px;
}

table.Table tbody th a.sortedasc {
	color: #5906A6;
	background: url("../img/bulet/sort_down.gif") right center no-repeat;
}

.Table tbody th a.sorteddesc {
	color: #5906A6;
	background: url("../img/bulet/sort_up.gif") right center no-repeat;
}

table.Table tbody td {
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #FFFFFF;
	padding: 5px 0px 5px 10px;
	font-size: 10px;
}

table.Table tbody tr.even {
	background: #E9E2EF;
}

/* === Filters style === */
table.Table tr.headers div.filter {
	white-space: nowrap;
	margin-top: 5px;
	position: relative;
}

table.Table tr.headers div.filter input,table.Table tr.headers div.filter select
	{
	border: 1px solid #D9D9D9;
	font-size: 10px;
	padding: 0;
}

table.Table tr.headers div.filter input {
	padding: 0 3px;
	height: 14px;
	width: 70px;
	margin-right: 16px; /* for the clear button */
}

table.Table tr.headers div.filter option {
	font-size: 10px;
}

table.Table tr.headers div.filter input:hover {
	color: #404040;
	background: #F8F8F8;
}

table.Table tr.headers div.filter input:focus {
	color: #404040;
	border: 1px solid #5906A6;
	background: #F8F8F8;
}

table.Table tr.headers div.filter a.clear {
	display: block;
	position: absolute;
	left: 80px;
	top: 1px;
	overflow: hidden;
	background: url(../img/icons/clear_but.gif) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	font-size: 0; /* do not display text */
	text-indent: -5000px;
	text-decoration: none;
}

table.Table tr.headers div.filter a.clear:hover {
	background-image: url(../img/icons/clear_but_h.gif);
}

/* ========================= */ /* Calendar */
	/* ========================= */
a.CalendarButton {
	text-decoration: none;
	background: url(../img/icons/calendar-22px.png) no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;
	/*padding: 4px 9px;*/
	margin-right: 5px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 0; /* do not display text */
	text-indent: -5000px;
	/*	position: absolute;*/
}

a.CalendarButton:hover {
	background-image: url(../img/icons/calendar-22px.png);
}

/* Rule that is retrieved by JavaScript code that opens the popup window */
.CalendarWindow {
	width: 250px;
	height: 160px;
}

/* calendar table (and inner borders) */
table.Calendar {
	background-color: #FFFFFF;
	color: #404040;
	border-collapse: collapse;
	padding: 0;
	border: 3px double #9D9D9D;
	margin: 10px auto;
}

table.Calendar tr.Toolbar th {
	border-bottom: 3px double #9D9D9D;
}

table.Calendar th,table.Calendar td {
	border: 1px solid #9D9D9D;
}

/* toolbar */
table.Calendar tr.Toolbar div {
	position: relative;
	display: block;
	padding: 5px 0;
	width: 100%;
	background-color: #E8E8E8;
	color: #E02521;
	text-transform: uppercase;
	font-weight: bold;
}

table.Calendar tr.Toolbar a {
	text-decoration: none;
	display: block;
	position: absolute;
	display: block;
	overflow: hidden;
	top: 7px;
}

table.Calendar a.PrevYear {
	background-image: url(../img/Calendar/back2_big.gif);
	width: 10px;
	height: 9px;
	left: 5px;
}

table.Calendar a.PrevMonth {
	background-image: url(../img/Calendar/back_big.gif);
	width: 5px;
	height: 9px;
	left: 20px;
}

table.Calendar a.NextMonth {
	background-image: url(../img/Calendar/next_big.gif);
	width: 5px;
	height: 9px;
	right: 20px;
}

table.Calendar a.NextYear {
	background-image: url(../img/Calendar/next2_big.gif);
	width: 10px;
	height: 9px;
	right: 5px;
}

table.Calendar td span,table.Calendar td a,table.Calendar td a:visited,table.Calendar td a:link,table.Calendar td a
	{
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 1px 3px;
	text-decoration: none;
}

table.Calendar td.Week span {
	font-weight: normal;
	font-style: italic;
}

table.Calendar td.Day a {
	cursor: pointer;
}

table.Calendar td.Day a.Selected {
	color: #E02521;
}

table.Calendar td.Day a.OutMonth {
	color: #999999;
}

table.Calendar td.Day a.WeekEnd {
	background-color: #E8E8E8;
}

table.Calendar td.Day a:hover {
	background-color: #FFD7D7;
	color: #E02521;
}

/**
 * Navigation Menu
 *********************/ /*
#navheader dl,#navheader dt,#navheader dd,#navheader ul,#navheader li {
	margin: 0;
	padding: 0;
	width: 100px;
	list-style-type: none;
}

#navlinks a,#navlinks div {
	margin: 0;
	padding: 0;
	width: 100px;
	font-size: 1.3em;
	color: #5906A6;
	line-height: 20px;
}
#navheader dl {
	float: left;
}

#navheader dt {
	cursor: pointer;
	text-align: center;
	margin: 0px;
	padding: 0;
	padding-left: 0;
	font-size: 1.3em;
	color: #5906A6;
	line-height: 20px;
}

#navheader dd {
	display: none;
	border: 1px solid #e2cdf3;
	padding: 0px;
	background-color: #f7f5f7;
}

#navheader li {
	text-align: left;
}

div.Logged {
	color: rgb(89, 6, 166);
	text-align: right;
	position:absolute;
	width:300px;
	left:665px;
	top:190px;
	font-size:14px;
}

*/
#navheader { /*	position:absolute;*/
	float: right;
	margin-right: 20px;
	margin-top: 190px;
}

div.Logged {
	color: rgb(89, 6, 166);
	text-align: right;
	font-size: 14px;
	float: left;
	margin-right: 30px;
}

/* === Language Bar === */
div.LanguageBar {
	float: left;
}

div.LanguageBar ul li {
	display: block;
	float: left;
	padding: 0 2px;
}

div.LanguageBar img {
	padding: 1px;
	margin: 0;
	border: 1px solid transparent;
}

div.LanguageBar span.selected img {
	border: 1px solid #E02521;
}

div.LanguageBar a:hover img {
	border: 1px solid #4F4D4E;
}

/* ================================ */
	/* Style de Autocomplete par d�faut */
	/* ================================ */
div.Popup {
	position: absolute;
	z-index: 100;
	overflow-x: visible;
	overflow-y: auto;
	background-color: lightyellow;
	border: 1px outset black;
	text-align: left;
}

div.Popup li {
	position: relative;
	display: block;
	padding: 0 4px;
	font-size: 10px;
	white-space: nowrap;
	cursor: default;
}

div.Popup li.Loading {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background: url("../img/loading.gif") left top no-repeat;
}

div.Popup li.Selected {
	background-color: #CCCCCC;
}

div.Popup li:hover {
	background-color: #DDDDDD;
}

div.QoSMetric {
	/*position: relative;
	top: -350px;
	right:	-500px;*/
	position: absolute;
	top: 15px;
	right: -15px;
}

div.QoSMetric div.Menu ul li a {
	text-decoration: none;
}

div.SubscribedEndpoints {
	position: relative;
	left: 175px;
	width: 225px;
	height: 18px;
	border: 1px solid #F97601;
}

div.SubscribedEndpoints div.Menu {
	margin-left: 13px;
	margin-top: 2px;
}

div.SubscribedEndpoints div.Menu ul{
	position: relative;
	margin-left: -5px !important;
}

div.SubscribedEndpoints div.Menu ul li a {
	text-decoration: none;
}

div.GetCurrentMessageMenu {
	position: relative;
	right: -375px;
	width: 175px;
	border: 1px solid #F97601;
}

div.GetCurrentMessageMenu div.Menu ul{
	position: relative;
	margin-left: -5px !important;
}

div.GetCurrentMessageMenu div.Menu ul li a{
	text-decoration: none;
}

/* Added By TIAR Abderrahmane */
/* Style of precise columns, and some icons.*/

/* columns of ratings, and comments. */

table.Table tbody td.comment_date {
	width: 135px ;
}

table.Table tbody td.comment_user {
	width: 80px ;
}

table.Table tbody td.comment_content {
	width: 400px ;
}

table.Table tbody td.rating_column {
	padding: 0 0 0 18px;
	width: 85px;
}

table.Table tbody td.remove_icon {
	width: 70px;
}
table.Table tbody td.remove_icon a img, acronym {
	margin: 0 3px 0 0 ;
}

/*a.rss {
	vertical-align: -6%;
}*/

a.rss img {
	float:right;
	margin:-7px 3px -50px 0;
}