body
{
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    background-color: White;
}


h1
{
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    margin: 0 0 0 0;
}

h2
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: Orange;
    margin: 0 0 0 0;
}

h3
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    margin: 0 0 0 0;
}

h4
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000066;
    margin: 0 0 0 0;	
}

h5
{
   font-family: Arial;
   font-size: 16pt;
   font-weight: bold;
   color: #000066;
   margin: 0 0 0 0;
}


.commercial
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    margin: 0 0 0 0;
}

.HideButton
{
    display: none;
}

.AlertMessage
{
    font-family: Arial;
    color: Red;
}

table.sectorTable
{
    border: solid 1px #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    height: 440px;
    width: 100%;
    margin: 0;
    padding: 0;
}

tr.sectorTable
{
    border: solid 1px #FFFFFF;
    height: 26px;
    margin: 0;
    padding: 0;
}

tr.sectorTableWideRow
{
    height: 42px;
    margin: 0;
    padding: 0;
}

td.bgColorSectorTable
{
    border: solid 1px #FFFFFF;
    background-color: #000066;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

td.bgColorNeutral
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #CCCCCC;
    margin: 0;
    padding: 0;
}

td.bgColorUp
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #CCFFCC;
    margin: 0;
    padding: 0;
}

td.bgColorDown
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #FFCCCC;
    margin: 0;
    padding: 0;
}

td.bgColorSectorName
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #b0c4de;
    margin: 0;
    padding: 0;
}

td.bgColorMarketNameHeader
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: rgb(0,0,102);
    color: white;
    margin: 0;
    padding: 0;
    font-weight: bolder;
    font-size: 1.2em;
}

td.marketFirstColumn 
{
    border-left-width: 7px;
}

a.sectorTableUp:link
{
    color: #CCFFCC;
    margin: 0;
    padding: 0;
}

a.sectorTableUp:visited
{
    color: #CCFFCC;
    margin: 0;
    padding: 0;
}

a.sectorTableUp:hover
{
    color: #CCFFCC;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a.sectorTableDown:link
{
    color: #FFCCCC;
    margin: 0;
    padding: 0;
}

a.sectorTableDown:visited
{
    color: #FFCCCC;
    margin: 0;
    padding: 0;
}

a.sectorTableDown:hover
{
    color: #FFCCCC;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a.sectorTableNeutral:link
{
    color: #CCCCCC;
    margin: 0;
    padding: 0;
}

a.sectorTableNeutral:visited
{
    color: #CCCCCC;
    margin: 0;
    padding: 0;
}

a.sectorTableNeutral:hover
{
    color: #CCCCCC;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a.nav1:link
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

a.nav1:visited
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

a.nav1:hover
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #b0c4de;
    text-decoration: none;
}

a.nav2:link
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}

a.nav2:visited
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}

a.nav2:hover
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.nav3
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    background-color: #FF8888;
}

a.sectorTitle:link
{
    font-family: Arial;
    font-size: 10pt;
    color: #FFFFFF;
}

a.sectorTitle:visited
{
    font-family: Arial;
    font-size: 10pt;
    color: #FFFFFF;
}

a.sectorTitle:hover
{
    font-family: Arial;
    font-size: 10pt;
    color: #FFFFFF;
    text-decoration: none;
}

div.UpdateProgressAlert
{
    background-color: #CCCCCC;
    color: #000000;
    width: 400px;
    height: 100px;
    z-index: 500;
    position: absolute;
    text-align: center;
}

.choixTable
{
    border: solid 1px #000000;
    border-collapse: collapse;
    margin-top: 18px;
    margin-bottom: 18px;
    margin-left: 35px;
    height: 400px;
    width: 500px;
}

.choixTd
{
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    padding: 6px;
}

.choixTdUp
{
    border-top: solid 1px #000000;
    background-image: url(../Images/recomm_achats_title.gif);
    background-repeat: repeat-y;
    background-color: #EEEEEE;
    text-align: left;
    padding: 6px;
}

.choixTdDown
{
    border-top: solid 1px #000000;
    background-image: url(../Images/recomm_ventes_title.gif);
    background-repeat: repeat-y;
    background-color: #EEEEEE;
    text-align: left;
    padding: 6px;
}

.footerText
{
    font-family: Arial;
    font-size: 8pt;
}

.smallText
{
    font-family: Arial;
    font-size: 8pt;
    color: Blue;
}

.popupControl
{
    background-color: White;
    position: absolute;
    visibility: hidden;
    z-index: 900;
}

.eventPanel
{
    margin-bottom: 20px;
}

.eventMarket INPUT
{
    margin-left: 15px;
    margin-right: 4px;
}

.eventCategory INPUT
{
    margin-left: 15px;
    margin-right: 4px;
}

.eventRating
{
    margin-left: 4px;
    margin-top: 6px;
}

/************ Modal Popup Related Styles ***************/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/************ Portfolio Related Styles *****************/

.button
{
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: Blue;
}
.button:hover
{
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: Blue;
}
.button:visited
{
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: Blue;
}
.tableCell
{
    background-color: #c2e1fd;
    text-align: center;
    border: 1px;
    border-style: solid;
    width: 12%;
    height: 20px;
}
.tableCell:hover
{
    background-color: #FFF000;
    text-align: center;
    border: 1px;
    border-style: solid;
    width: 12%;
}
.tableDisplay
{
    text-align: center;
    border: 1px;
    border-style: solid;
    height: 20px;
}
.tableDisplay a
{
    line-height: 10px;
    height: 20px;
    margin: 0;
}
.table
{
    background-color: #c2e1fd;
    border: solid 1px black;
    border-collapse: collapse;
    width: 70px;
    float: left;
}
.headerCellHome
{
    background-color: #98cdfc;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    border: solid 1px black;
    border-collapse: collapse;
    text-align: center;
    width: 12%;
    text-decoration: underline;
    cursor: pointer;
}
.headerCell
{
    background-color: #98cdfc;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    border: solid 1px black;
    border-collapse: collapse;
    text-align: center;
    width: 12%;
}
.tableDisplay a
{
    font-family: Arial;
    font-size: 10px;
    color: Blue;
}
.tableDisplay a:hover
{
    font-family: Arial;
    font-size: 10px;
    color: Purple;
}

/************ PasswordStrength Related Styles ***********************/

.TextIndicator_TextBox1_Strength1
{
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength2
{
    background-color: Gray;
    color: Yellow;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength3
{
    background-color: Gray;
    color: #FFCAAF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength4
{
    background-color: Gray;
    color: Aqua;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength5
{
    background-color: Gray;
    color: #93FF9E;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

div.ExceptionMessage
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: Red;
    text-align: center;
    position: absolute;
    top: 300px;
    left: 140px;
    width: 400px;
    z-index: 50;
}

/*********************** Graph *************************/

.GraphHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    width: 240px;
}

.GraphName
{
    float: left;
}

.GraphCentral
{
    background-color: #000080;
    color: White;
    display: block;
    text-align: center;
    width: 240px;
}

.GraphColorNeutral
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #CCCCCC;
    float: right;
    text-align: right;
    width: 50px;
}

.GraphColorUp
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #CCFFCC;
    float: right;
    text-align: right;
    width: 50px;
}

.GraphColorDown
{
    border: solid 1px #FFFFFF;
    padding-right: 4px;
    background-color: #FFCCCC;
    float: right;
    text-align: right;
    width: 50px;
}

/******************* Video Voting **************/

.YesButton
{
	background-color:Green;
	width:72px;
	cursor: hand;
	cursor: pointer;

}

.NoButton
{
	background-color:Red;
	width:72px;
	cursor: hand;
	cursor: pointer;
}

.YesTotal
{
	font-family:Arial;
	font-size:24px;
	color:Green;
}

.NoTotal
{
	font-family:Arial;
	font-size:24px;
	color:Red;
}

.YesPerc
{
	font-family:Arial;
	font-size:42px;
	color:Green;
}

.NoPerc
{
	font-family:Arial;
	font-size:42px;
	color:Red;
}

.hideButton
{
	display:none;
}

/********** Captcha ************/

.notice
{ 
    font-family:Arial;
    font-size: 80%;
    font-style:italic;
}

.info 
{ 
    font-weight: bold;
    color: #008000; 
}

.error 
{   
   font-weight: bold;
   color: #FF0000; 
}

/************* UpdateProgress Popup **********/

.updateProgress 
{     
	border-width: 1px;     
	border-style: solid;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;     
	position: absolute;
	z-index:500;
	top:0px;
	left:0px;     
	width: 100%;     
	height: 100%;
	display:none;
	text-align:center 
} 

.updateMessage
{
    text-align: center;
    color: Black;
    background-color: White; 
    width: 300px; 
    margin-top: 25%; 
    margin-left: 30%; 
    padding-top:10px;
    padding-bottom:10px;
    display:block;
    filter:alpha(opacity=100);
	opacity:1; 
}

.commonPanelHeader
{
	font-weight:bold;
	/*
	text-align:center;
	border:solid 1px #bbbbbb;
	border-radius: 3px;
	background-color: #eeeeff;
	padding:0px 3px 0px 3px;
	*/
}

.leftPanelHeader
{
	/* width:551px; */
}

.rightPanelHeader
{
	/* width:324px; */
}

.divGuestLoginLink
{
	border: outset 2px #9999aa;
	border-radius: 2px;
	padding: 2px 0px 2px 0px;
	background-color: #d6d6e9;
	font-weight:bold;
}

.OrConnectUsing
{
	font-style:italic;
}