/* Setup defaults since variable in browsers
----------------------------------------------- */
body, div, span, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {
	margin: 0;
	padding: 0;
}
/* Element Defaults
----------------------------------------------- */
html {
	height: 100%; /* Firefox */
}

img {
	border: 0;
}

body {
	font-family: Arial,Verdana,sans-serif;
}

/* Input field label */
.label {
	font-weight: bold;
	font-size: small;
	color: #5E5147;
}

/* Information related to an input field */
.fieldInfo {
	color: gray;
	font-size: smaller;
	font-style: italic;		
}

.fieldInfo p {
	height: 1em; 
	margin: 0;
}

/** The value to put in front of a label */
.value {
	font-size: small;
}

select {
	border: 1px solid #C3BBB6;
}
ol, ul {
	margin: 10px 0px 10px 6px;
}
li {
	margin: 10px 12px;
}
fieldset {
	border: 0;
}
/*---------------------------------------------------------------------------
  GENERAL LAYOUT
  ---------------------------------------------------------------------------
  theDocument
       theDocumentTop
       theDocumentHeader
       theDocumentContainer
          theDocumentSidebar
          theDocumentContent
       theDocumentFooter
  ---------------------------------------------------------------------------*/
#theMainBody {
	/* background-color: #E6F2E6;*/ /*COLOR : light green gray */
	/* background-color: #FAFFFA; /*COLOR : very very light green */
	/* background-color: rgb(200,250,195); /*COLOR paleGreen*/
	
	background-color: white;

	height: 100%; /*Firefox*/
}

#theDocument {
	padding: 0 1px;
	padding-top: 2px;
	background-color: white;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@MEDIA print {
	#theDocument {
		width: 99%;
		background-color: white;
	}
}


#theDocumentTop {
	background-image:url(../img/backtop_090516.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height: 50px;
}

#theDocumentTopBackoffice {
	background-image:url(../img/backtop_backoffice.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height: 50px;
}

/*---------------------------------------------------------------------------
  Header
  ---------------------------------------------------------------------------*/
#theDocumentHeader {
	padding-top:  0.2em;
	padding-bottom: 0.5em;
}
#theDocumentHeader  a {
	font-size: small;
}

@MEDIA print {
	#theDocumentHeader {
		visibility: hidden;
		display: none;
	}
}

#theDocumentContainer {
}

/*---------------------------------------------------------------------------
  Sidebar
  ---------------------------------------------------------------------------*/
#theDocumentSidebar {
	padding-left:   0.5em;
}

#theDocumentSidebar p {
	font-size: small;
	margin-bottom: 0.5em;
	color: #8B7869; /*COLOR light gray */
}
#theDocumentSidebar li {
	margin-top: 0.1em;
	font-size: small;
	color: #8B7869; /*COLOR light gray */
}
#theDocumentSidebar .logo {
	font-style: italic;
}

#theDocumentSidebar .vlgPanel {
	border:    1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	margin-bottom: 0.5em;
}
#theDocumentSidebar .vlgPanel .header {
	background-image:none;
	background-color: rgb(220,255,220); /*COLOR veryLightGreen */
	font-weight: normal;
	color: black;
	border-bottom:    1px solid rgb(200,250,195); /*COLOR lightGreen */
}


#theDocumentSidebar a {
	/*text-decoration: none;*/ 
	/*color: #8B78AA; /*COLOR light gray + blue */
}


/*---------------------------------------------------------------------------
  Content
  ---------------------------------------------------------------------------*/
#theDocumentContent {
}

#theDocumentContent h1 {
	font-size: large;
	font-weight: bold;
	margin-bottom: 1em;
}
#theDocumentContent h2 {
	font-size: medium;
}
#theDocumentContent h3 {
	font-size: medium;
	text-decoration: underline;
	font-weight: normal;
}
#theDocumentContent .actionButtons {
	margin-top: 0.5em;
	padding-top: 0.2em;
	/*border-top:    1px solid rgb(200,250,195);  /*COLOR paleGreen   */
	border-top:    1px solid rgb(98,194,74);    /*COLOR mediumGreen */
}

#theDocumentContent .actionButtons img {
	margin-left:  0.3em;
	margin-right: 0.3em;
	cursor:  pointer;
	text-decoration: none;
	vertical-align: middle;
}

#theDocumentContent .actionButtons a {
	font-size: small;
}

#theDocumentContent .actionButtons .disabled {
	font-size: small;
	color: #8B7869; /*COLOR light gray */
}

@MEDIA print {
	#theDocumentContent .actionButtons {
		visibility: hidden;
		display: none;
	}
}

/*---------------------------------------------------------------------------
  Static content
  ---------------------------------------------------------------------------*/
.static {
	font-size: small;
	margin-left: 1em;
	margin-right: 1em;
}
.static table {
	font-size: small;
}

.static h1 {
	font-size: large;
	font-weight: bold;
	margin-bottom: 1em;
}	
.static h2 {
	font-size: medium;
	margin-top: 1em;
}
.static .illustration {
	text-align: center;
	border-top:  1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	border-bottom:  1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


.static .logo {
	font-weight: bold;
	font-style: italic;
	/* color: #8BAA69;*/ /*COLOR light gray + green */
}

.static ul {
	margin-top: 0em;
}

.static li {
	margin-top: 0em;
	margin-bottom: 0em;
}

.faq {
}
.faq .questions {
}
.faq .questions .question {
	font-size: small;
	margin-top: 0.3em;
}
.faq .responses {
}
.faq .responses .question {
	margin-top: 0.5em;
	font-style: italic;
}
.faq .responses .response {
	margin-left: 1em;
	font-size: small;
}

/*---------------------------------------------------------------------------
  Footer
  ---------------------------------------------------------------------------*/
#theDocumentFooter {
	clear: both;
	margin-top: 0.5em;
	height: 2em; /* to set a blank space on bottom of screen*/
	background-color: white;
}
#theDocumentFooter  a {
	font-size: small;
	padding-left:  0.5em;
	padding-right: 0.5em;
}
@MEDIA print {
	/* don't print hyperlinks on footer */
	#theDocumentFooter  a {
		visibility: hidden;
		display: none;
	}
}

/* General
----------------------------------------------- */
.center {
	text-align: center;
}

@MEDIA print {
	.unprintable {
		visibility: hidden;
		display: none;
	}
}

.verticalAlignTop {
	vertical-align: top;	
}

/*---------------------------------------------------------------------------
  results summary, prev page , next page
-----------------------------------------------------------------------------*/
.resultSummary {
	margin-top: 0.5em;
	text-align: right;
	font-size: small;
	background-color: #d7f4d7; /*COLOR very light green */
	width: 100%;
}

.resultListNavigation {
	font-size: small;
}
.resultListNavigationDisabled {
	font-size: small;
	color: #8B7869; /*COLOR light gray */
}
.resultListNavigationEnabled {
	font-size: small;
}

/*---------------------------------------------------------------------------
  a premium meeting
-----------------------------------------------------------------------------*/
.premium {
	
	border-top:    1px solid rgb(200,250,195);  /*COLOR paleGreen   */
	border-left:   1px solid rgb(200,250,195);  /*COLOR paleGreen   */
	border-right:  1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	border-bottom: 1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	
	border-top:    1px solid rgb(255,102,0);  /*COLOR orange */
	border-left:   1px solid rgb(255,102,0);  /*COLOR orange */
	border-right:  1px solid rgb(255,102,0);  /*COLOR orange */
	border-bottom: 1px solid rgb(255,102,0);  /*COLOR orange */
	
	padding: 0.5em;
}

/*---------------------------------------------------------------------------
  a non public information
-----------------------------------------------------------------------------*/
.nonPublic {
	background-color: #EEEEEE;
	color: gray;
}
.nonPublic a {
	color: gray;
}

/*---------------------------------------------------------------------------
  A left/right boxes, left widht=10em
-----------------------------------------------------------------------------*/
.leftRight10 {
}
.leftRight10 .left{
	float: left;
	width: 12em;
}
.leftRight10 .right{
	margin-left: 12.5em;
	vertical-align: middle;
}
.leftRight10 .end{
	float: none;
	margin-left: 0em;
	line-height: 2px;
}

/*---------------------------------------------------------------------------
  A left/right boxes, left widht=06em
-----------------------------------------------------------------------------*/
.leftRightShort {
}
.leftRightShort .left{
	float: left;
	width: 06em;
}
.leftRightShort .right{
	margin-left: 06.5em;
	vertical-align: middle;
}
.leftRightShort .end{
	float: none;
	margin-left: 0em;
	line-height: 2px;
}



.notes {
	text-align: center;
}

.globalMessages {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	font-size: small;
	
	border: 1px solid rgb(98,194,74);    /*COLOR mediumGreen */
}

.errors {
	font-size: small;
	font-weight: bold;
	color: #600;
}

.globalMessages .errors {
	list-style-type: none;
}

.errors ul {
	list-style: none;
}

.errors div {
	text-align: left;
}
.errors span {
	text-align: left;
}
.errors input {
	border: 1px solid #600;
}

.buttonBox {
	text-align: center;
	padding: 5px 0;
	clear: both;
}

/* Homepage Modifications
----------------------------------------------- */
#pgHome #container {
	background: url(../img/hdr.ad.jpg) 0 0 repeat-x;
}
#pgHome #sidebar {
	margin-top: 207px;
}
#pgHome #content {
	margin-top: 183px;
}

/*---------------------------------------------------------------------------
  data table
  ---------------------------------------------------------------------------*/
.dataTable {
	font-size: small;
	text-align: left;
	
	border-top:    1px solid rgb(200,250,195);  /*COLOR paleGreen   */
	border-left:   1px solid rgb(200,250,195);  /*COLOR paleGreen   */
	border-right:  1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	border-bottom: 1px solid rgb(98,194,74);    /*COLOR mediumGreen */
}

.dataTable thead {
	color : color:rgb(29,81,19); /*COLOR darkGreen */

}

.dataTable thead th {
	/* border-left: 1px solid gray; */
	
	/* border-top: 1px solid gray;*/
	/* border-bottom: 1px solid gray; */
	
	border-bottom: 1px solid rgb(98,194,74);    /*COLOR mediumGreen */
	
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.dataTable tbody td {
	/* border-left: 1px solid gray; */
	/*border-bottom: 1px solid gray;*/
	
	border-bottom: 1px solid rgb(200,250,195);  /*COLOR paleGreen   */

	padding-left:   0.5em;
	padding-right:  0.5em;
	padding-top:    0.2em;
	padding-bottom: 0.4em;
}

/* 
	An invisible button, designed to be placed at the beginning of
	the form, that will react to the ENTER key.
	NOTA : if we use display:none, the button won't be active in IE6
*/
.invisibleDefaultButton {
	border: none;
	color: white;
	background-color: transparent;
}

/*
	A clic-able image
*/
.clicableImage {
	cursor:  pointer;
	text-decoration: none;
}

/*
	Help panel
*/
.helpPanel p {
	margin-bottom: 1em;	
}
.helpPanel ul {
	margin-top: 0em;
}
.helpPanel li {
	margin-top: 0em;
	margin-bottom: 0em;
}

.helpPanel DL { margin-top: 0px; padding-top: 0px: }
.helpPanel DT { display: compact; font-weight:bold;  }
.helpPanel DD { margin-left: 6em }
.helpPanel .actionButtons {
	text-align: center; 
	border-top: 1px solid #C3BBB6; 
	margin-top: 1em;
}

/*
	Wizard steps
*/
.wizardSteps {
	background: url(wizardStepTop.gif) repeat-x center top;
	height: 36px; /* image + "normal" text */
}

.wizardSteps  div {
	margin-top: 0px;
	background: url(wizardStepTopCenter.gif) no-repeat center top;
	font-size:x-small;
	display: block;
	float: left;
	padding-top:   24px; /* image size*/
	padding-left:  1em;
	padding-right: 1em;
	font-weight: normal;
	color: rgb(98, 194, 74);
	text-align: center;
}
.wizardSteps div.selected{
	background: url(wizardStepTopCenterSelected.gif) no-repeat center top;
	color: rgb(29,81,19);
	font-weight: bold;
}
/* ----------------------------------------------
   a villagenda panel
   ---------------------------------------------- */

.vlgPanel {
	font-size:small;
	
	border-top:    1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-left:   1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-right:  1px solid rgb(29,81,19);  /*COLOR darkGreen */
	border-bottom: 1px solid rgb(29,81,19);  /*COLOR darkGreen */

	margin-bottom: 1em;

	/*	background-color: rgb(249,247,248); msie incompatiblity */

}

.vlgPanel .header {
	background-image:url(../img/bkg_vlgpanel_header.jpg);
	background-repeat: repeat-x;
	background-position: top;

	color : color:rgb(29,81,19); /*COLOR darkGreen */
	font-weight: bold;
		
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
	padding-right: 0.5em; 
	padding-left:  0.5em; 
	
}

.vlgPanel .content {
	padding-top:    0.7em;
	padding-bottom: 0.5em;
	
	padding-right: 0.5em; 
	padding-left:  0.5em; 
	
}

.vlgPanel .guideline {
	border-top: 1px solid rgb(200,250,195);  /*COLOR paleGreen*/ 
	
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-right: 0.5em; 
	padding-left:  0.5em; 
	
	color: gray;
	 
	background-color: rgb(249,247,248);	/*COLOR veryLightGray */

		 
}

/*---------------------------------------------------------------------------
  a link in a block, with visual effect on mouse over
  ---------------------------------------------------------------------------*/
a.flashLink {
	text-decoration:none;
	/*font-weight: bold;*/
	color: rgb(29,81,19); /*COLOR darkGreen */
}
a.flashLink:hover {
	background-color: rgb(200,250,195);/*COLOR paleGreen*/
}

a.flashLinkBlock {
	display: block;
	width: 100%;
	text-decoration:none;
	color: rgb(29,81,19); /*COLOR darkGreen */
}
a.flashLinkBlock:hover {
	background-color: rgb(200,250,195);/*COLOR paleGreen*/
}

/*---------------------------------------------------------------------------
  menus : designed to be in a one-row table
  ---------------------------------------------------------------------------*/
.menuBar {
	background-image:url(../img/bkg_menubar.jpg);
	background-repeat: repeat-x;
	background-position: top;

	border-top:   1px solid  rgb(200,250,195);/*COLOR paleGreen*/
	border-left:  1px solid  rgb(200,250,195);/*COLOR paleGreen*/
	border-right: 1px solid  rgb(200,250,195);/*COLOR paleGreen*/
	
	font-size: small;
}

.menuBar .left .menu {
	float: left;
}
.menuBar .right .menu{
	float: right;
}
.menuBar .right .loggedUserName{
	float: right;
}

.menuBar .loggedUserName {
	font-size: x-small;
	color: gray;
	margin-top: 0.6em; 
}

.menuBar .menu {
	display: block;
	
	padding-top:    3px;
	padding-bottom: 2px;
	padding-left:   4px;
	padding-right:  4px;
	
	margin-left: 2px;
	margin-right: 2px;

	color: black;
	text-decoration: none;

	/*border: 1px solid white;*/
}

.menuBar .enabled:hover  {
	/*border: 1px solid rgb(98,194,74); /*COLOR mediumGreen */
	background-color: rgb(200, 255, 200);
	color: rgb(29,81,19);  /*COLOR darkGreen */
}

.menuBar .enabled {
}
.menuBar .disabled {
	color: gray;
}
.menuBar .active {
	color: rgb(29,81,19);  /*COLOR darkGreen */
	border: 1px solid rgb(29,81,19);  /*COLOR darkGreen */
	background-color: rgb(240, 255, 240);
}

/*-------------------------------------------------------------------------
  meeting description
  ---------------------------------------------------------------------------*/
.mtgDescription h1 {
	font-size: 105% ! important;
	font-variant: small-caps ! important;
	font-weight: bold ! important;
	text-decoration: none ! important;
	margin-top: 1em ! important;
	margin-bottom: 0em ! important;
}
.mtgDescription h2 {
	font-size: 100% ! important;
	font-weight: normal ! important;
	text-decoration: underline ! important;
	margin-top: 0.5em ! important;
	margin-bottom: 0em ! important;
	margin-left: 0em ! important;
}
.mtgDescription li {
	margin-top: 0em ! important;
	margin-bottom: 0em ! important;
	margin-left: 0em ! important;
}
.mtgDescription ul {
	margin-left: 2em ! important;
	margin-top: 0em ! important;
	margin-bottom: 0.5em ! important;
}

/*---------------------------------------------------------------------------
  rich components
  ---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  rich:modalPanel
  ---------------------------------------------------------------------------*/
.rich-mpnl-header {
	background-image:url(../img/bkg_vlgpanel_header.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
}
.rich-mp-content {
	border-top:    1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-left:   1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-right:  1px solid rgb(29,81,19);  /*COLOR darkGreen */
	border-bottom: 1px solid rgb(29,81,19);  /*COLOR darkGreen */
}

/*---------------------------------------------------------------------------
  rich:dropDownMenu
  ---------------------------------------------------------------------------*/
.rich-ddmenu-label {
	font-size: small;
	font-weight: normal;
	color: black;
	
	/*
	background-image:url(../img/drop_down.gif);
	background-repeat:no-repeat;
	background-position: right center;
	padding-right: 20px;
	*/
	
}

.rich-ddmenu-label-select {
	/*border-color: rgb(98,194,74); /*COLOR mediumGreen */
	/*background-color: transparent;*/
	/*color: black;*/

	background-color: rgb(180, 255, 180);
	color: rgb(29,81,19);  /*COLOR darkGreen */
	
}

.rich-label-text-decor {
	font-weight: normal;
}
.rich-menu-list-border {
	background-color: rgb(230,255,230);
	border-top:    1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-left:   1px solid rgb(98,194,74); /*COLOR mediumGreen */
	border-right:  1px solid rgb(29,81,19);  /*COLOR darkGreen */
	border-bottom: 1px solid rgb(29,81,19);  /*COLOR darkGreen */
}

.rich-menu-list-bg {
	background-image: none;
}
.rich-menu-item {
}
.rich-menu-item-enabled {
}

.rich-menu-item-hover {
	/*border-color: rgb(98,194,74); /*COLOR mediumGreen */
	/*background-color: rgb(245,255,245);*/
	
	border-color: rgb(180, 255, 180);
	background-color: rgb(180, 255, 180);
	color: rgb(29,81,19);  /*COLOR darkGreen */
}

.rich-menu-item-label-selected {
	color: rgb(29,81,19);  /*COLOR darkGreen */
}

/*---------------------------------------------------------------------------
  rich:simpleTogglePanel
  ---------------------------------------------------------------------------*/
.vlgPanel .rich-stglpanel {
	margin-top:    0.7em;
	margin-bottom: 0.5em;
	margin-right: 3px; 
	margin-left:  3px; 
}
.vlgPanel .rich-stglpanel-header {
	background-image:url(../img/bkg_vlgpanel_header.jpg);
	background-repeat: repeat-x;
	background-position: top;

	color : color:rgb(29,81,19); /*COLOR darkGreen */
	
	font-weight: bold;
		
}


.rich-stglpanel {
	margin-top: 1em;
	border-color:#C3BBB6;
}
.rich-stglpanel-header {
	font-size: small;
	background-color:#D7F4D7;
	border-color:#C3BBB6;
	background-image: none;
}

.rich-stglpanel-body {
	font-size: small;
}