/* CSS Document */

/*
 
I don't know if the following style declarations are valid or no, so I put them as comments. - FB

body{font-size:90%; background-image:url(../images/entete_fond.gif); background-repeat:repeat-x; padding:0; margin:0;}

h1.main{height:188px; width:420px; overflow:hidden;}
h1.main a{display:block; height:188px; width:420px; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(../images/entete.gif); background-repeat:no-repeat;}
h1.main a:link, h1 a:visited{}
h1.main a:hover{background-position:0 -188px;}
h1.main a:active{}

.container{position:relative;}
.main-nav{ position:absolute;margin-top:188px;padding-top:6em; left:0; top:0; width:180px;}
.main-nav li a{width:100%; border-bottom:1px solid #ddd;display:block;text-decoration:none;padding-right:10px;padding-left:2px;}
.main-nav a:link{color:#222;}
.main-nav a:visited{color:#333;}

.main-nav a:hover{background-color:#f0f8e8;}
.main-nav a:active{}
.main-nav ul, .main-nav li{list-style-type:none;padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}

.main-nav li{display:inline;}

body, p, li{font-family:Georgia, serif;}

h1, h2{color:#6fb920;}
h3, h4, h5, h6{color:#505050;}
hr.box-rule{color:#EEE;background-color:#EEE;}

*/


/*
* Temporary hack for checkboxes in the SimpleSearch fragment.
* Need a better solution because it affects ALL the checkboxes in the application.
* We don't want that.  For example, when we edit a LOM, the forms contain
* some checkboxes and the style may differ.
*
* Maybe we could add a parameterizable stylesheet link in Index.jsp that
* would take a value in function of the current fragment to load a stylesheet
* file to overwrite style definitions.
*
* Or it could be some javascript code that would be executed on the client side to
* update some style dynamically.
*
*/


/*
.CbGrp label {
}
*/

#headerPanel{
   background-image:url(img/backgroundHeader.gif);
   background-repeat:repeat-x;
   height: 59px
}

/*
#headerPanel{
   background-image:url(img/backgroundHeader.gif);
   background-repeat:repeat-x;
   height: 59px;
   margin:0pt;
   text-align:center
}

*/
#headerLogo{
  
  
  
   background-image:url(img/headerCenter.gif);
  
  
  
   margin:auto;
  
  
  
   height: 59px;
  
  
  
   width:834px;
  
  
  
   text-align:right;
  
  
  
}

.HeaderMainMenu{
  
  
  
   padding-top:40px;
  
  
  
}

.HeaderMenuItem {
  
  
  
   color: #4F7689 !important;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 11px;
  
  
  
   font-weight: bold;
  
  
  
   padding: 2px 20px 2px 20px
}


#MainContentBox{
  
  
  
   background-color: #EEF2F5;
  
  
  
   margin: auto;
  
  
  
   width: 870px
}

.MainContentBox{
  
  
  
   background-color: #EEF2F5;
  
  
  
   margin: auto;
  
  
  
   width: 870px
}


.SimpleSearchLeftBorder{
   background-image: url(img/SimpleSearchFragmentLeftBorder.gif);
   height: 197px;
   width: 3px;
   
}

.SimpleSearchRightBorder{
  
  
  
   background-image: url(img/SimpleSearchFragmentRightBorder.gif);
  
  
  
   height: 197px;
  
  
  
   width: 3px
}

.SimpleSearchBoxContainer{
  
  
  
   background-image: url(img/SearchBoxBackground.gif);
  
  
   
   background-repeat: repeat-x;
  
  
   
   height: 197px;
  
  
   
   width: 404px;
  
  
  
}

.SimpleSearchFragmentTable{
   width: 410px;
   height: 197px
}
.SimpleSearchGridPanelTextField{
  
  
  
   background-color: white !important;
  
  
   
   height: 100%;
  
  
   
   width: 100%
}

.SimpleSearchTextFieldLeftBorder{
  
  
  
   background-image: url(img/textFieldBorderLeft.gif);
  
  
  
   background-repeat: no-repeat;
  
  
  
   height: 29px;
  
  
   
   width: 5px

}

#FooterBox{
  
  
  
   background-color: #006699;
  
  
  
   height: 250px;
  
  
  
}
.FooterLogoBoxLeftBorder{
   background-image: url(img/FooterLogoBoxLeftBorder.gif);
   width:2px;
   height:181px
}
.FooterLogoBoxRightBorder{
  background-image: url(img/FooterLogoBoxRightBorder.gif);
  width:2px;
  height:181px
}
#FooterLogoBoxTable{
   left: 50%;
  margin:auto;
  width: 828px;
   padding-top:25px !important;
    height:181px
}
/* margin-left: -414px;
position: absolute;
padding-top:72px*/

.FooterLogoBoxContainer{
   background-color: white !important;
   height:181px;
   width:824px;
}



.SubscriptionInfoBoxTable{
  
  
  
   width: 194px;
  
  
   
   height: 198px
}
.SubscriptionInfoBoxLeftBorder{
  
  
  
   background-image: url(img/subscriptionBox_LeftBorder.gif);
  
  
  
   height: 198px;
  
  
  
   width: 3px
}
.SubscriptionInfoBoxContainer{
  
  
  
   background-image: url(img/subscriptionBoxBackground.gif);
  
  
  
   background-repeat: repeat-x;
  
  
  
   height: 198px;
  
  
  
   width: 194px
}
.SubscriptionInfoBoxRightBorder{
  
  
  
   background-image: url(img/subscriptionBoxRightBorder.gif);
  
  
  
   height: 198px;
  
  
  
   width: 3px
}

.PalomaLinkBoxTable{
  
  
  
   width: 194px;
  
  
   
   height: 198px
}

.PalomaLinkBoxLeftBorder{
  
  
  
   background-image: url(img/PalomaLinkBox_LeftBorder.gif);
  
  
  
   height: 198px;
  
  
  
   width: 3px
}
.PalomaLinkBoxContainer{
  
  
  
   background-image: url(img/PalomaLink_Background.gif);
  
  
  
   background-repeat: repeat-x;
  
  
  
   height: 198px;
  
  
  
   width: 194px
}
.PalomaLinkBoxRightBorder{
  
  
  
   background-image: url(img/PalomaLinkBox_rightBorder.gif);
  
  
  
   height: 198px;
  
  
  
   width: 3px
}

.StatisticsBoxRightBorder{
  
  
  
   background-image: url(img/statisticsBoxRightBorder.gif);
  
  
  
   height: 235px;
  
  
  
   width: 3px
}

.StatisticsBoxContainer{
  
  
  
   background-image: url(img/statisticsBox_Background.gif);
  
  
  
   background-repeat: repeat-x;
  
  
  
   height: 235px;
  
  
  
   width: 192px
}
.StatisticsBoxLeftBorder{
  
  
  
   background-image: url(img/StatisticsBox_LeftBorder.gif);
  
  
  
   height: 235px;
  
  
  
   width: 3px
}
.StatisticsBoxTable{
  
  
  
   height: 235px;
  
  
  
   width: 198px
}



.PartnerBoxRightBorder{
   background-image: url(img/PartnerBottomBorder.gif);
   height: 3px;
   width: 620px
}

.PartnerBoxContainer{
   background-color: white;
   height: 229px;
   width: 620px;
padding:15px
}
.PartnerBoxLeftBorder{
   background-image: url(img/PartnerTopBorder.gif);
   height: 3px;
   width: 620px
}
.PartnerBoxTable{
   width: 620px;
   height: 235px}

.PartnerTitleStyle{
   color: #165380;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: bold
}
.PartnerTextStyle{
   color: #006699;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px
}






.NewsBoxRightBorder{
  
  
  
   background-image: url(img/newsBoxRightBorder.gif);
  
  
  
   height: 39px;
  
  
  
   width: 3px
}

.NewsBoxContainer{
  
  
  
   background-image: url(img/newsBoxBackground.gif);
  
  
  
   background-repeat: repeat-x;
  
  
  
   height: 39px;
  
  
  
   width: 824px
}
.NewsBoxLeftBorder{
  
  
  
   background-image: url(img/newsBox_LeftBorder.gif);
  
  
  
   height: 39px;
  
  
  
   width: 3px
}
.NewsBoxTable{
  
  
  
   width: 824px;
  
  
   
   height: 39px
}

.contentAutoMargin{
  
  
  
   margin:auto;
  
  
  
}


/*TODO*/




.frontPageSubscription_Title{
  
  
  
   color: #5F7C34;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 16px;
  
  
  
   font-weight: bold;
  
  
  
   left: 6px;
  
  
  

}

.frontPageSubscription_SubTitle{
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 11px;
  
  
  
   font-weight: bold
}

.frontPageSubscription_Text{
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 11px

}


.frontPagePalomaLink_Title{
  
  
  
   color: #165380;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 16px;
  
  
  
   font-weight: bold;
  
  
  

}

.frontPagePalomaLink_SubTitle{
  
  
  
   color: #165380;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 12px;
  
  
  
   font-weight: bold
}

.frontPagePalomaLink_Text{
  
  
  
   color: #165380;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 11px
}


.frontPageDarkBlueTitle{

   color: #165380;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: bold
}

.frontPageBlackText{
  
  
  
   color: #000000;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 12px
}

.frontPageBlueLink{
  
  
  
   color: #165380;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 11px

}



/*Second Page*/


.PreferenceBoxRightBorder{
  
  
  
   background-image: url(img/preferenceBoxRightBorder.gif);
  
  
  
   height: 105px;
  
  
  
   width: 3px
}

.PreferenceBoxContainer{
  
  
  
   background-image: url(img/preferenceBoxBackground.gif);
  
  
  
   background-repeat: repeat-x;
  
  
  
   height: 105px;
  
  
  
   width: 194px;
  
  
  
}
.PreferenceBoxLeftBorder{
  
  
  
   background-image: url(img/preferenceBoxLeftBorder.gif);
  
  
  
   height: 105px;
  
  
  
   width: 3px
}
.PreferenceBoxTable{
  
  
  
   height: 105px;
  
  
  
   width: 200px;
  
  
   
}

.PreferenceTextTitle{
  
  
  
   color: #51800E;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 14px;
  
  
  
   font-weight: bold;

  
}

.PreferenceText{
  
  
  
   color: #666666;
  
  
  
   font-family: Verdana,Arial,Helvetica,sans-serif;
  
  
  
   font-size: 10px;
  
  
  
   font-weight: bold
}


.LegendBoxTopBorder{
   background-image: url(img/legendBoxTopBorder.gif);
   height: 3px;
   width: 200px
}
.LegendBoxBottomBorder{
   background-image: url(img/legendBoxBottomBorder.gif);
   height: 3px;
   width: 200px
}
.LegendBoxContainer{
   background-color: white;
  /* height: 250px;*/
   width: 200px;
}
.LegendBoxTable{
  /* height: 256px;*/
   width: 200px;
}

.LegendTitleText{  
   color: #165380;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px;
   font-weight: bold; 
   /*position:relative;
   top:15px;*/
}

.LegendText{
   color: #666666;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold
}

.SearchResultHeaderTable{
   background-color: #92C6E7;
   height: 78px;
   width: 869px
}

.SearchResultHeaderSearchBoxTopBorder{
   background-image: url(SearchResultHeaderTextFieldTopBorder.gif);
   height: 5px;
   width: 282px
}

.SearchResultHeaderSearchBoxBottomBorder{
   background-image: url(SearchResultHeaderTextFieldBottomBorder.gif);
   height: 5px;
   width: 282px
}

.SearchResultSearchBoxTable{
  
   height: 27px;
   width: 282px
}

.SearchResultSearchBoxContainer{
   background-color: #EAEFF2;
   height: 17px;
   width: 282px
}



.SearchResultHeaderTextTitle{
   color: white;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 30px;
   padding-left:15px;
   width: 100%
}

.SearchResultHeaderHyperlinkAdvSearch{
   color: #075992;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   text-decoration: underline;
   right: 0px; 
   bottom: 0px; 
   position: relative
}
.SearchResultHeaderTextField{
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   border:0pt none;
  background-color: #EAEFF2;

}

.RowTextAlignLeft{
text-align: left
}
.RowTextAlignRight{
text-align: right
}
.preferenceAndLegendPanel{
   width:100px;
   vertical-align: top;
}
.HeaderSearchBoxWidth{
width:300px;
}

.SearchResultFooterTopBorder{
   background-image: url(img/SearchResultFooterTopBorder.gif);
   height: 3px;
   width: 625px
}
.SearchResultFooterBottomBorder{
   background-image: url(img/SearchResultFooterBottomBorder.gif);
   height: 5px;
   width: 625px
}
.SearchResultFooterContainer{
   background-color: white;
   height:135px;
   width: 625px
}
.SearchResultFooterTable{
   height: 143px;
   padding-bottom: 15px;
   padding-left: 15px;
   width: 625px
}
.SearchResultTextFieldTable{
   height: 29px;
   padding-left: 10px;
   width: 479px
}

.SearchResultTextFieldLeftBorder{
   background-image: url(img/SearchResultFooterTextFieldLeftBorder.gif);
   height: 29px;
   width: 6px
}
.SearchResultTextFieldContainter{
   background-color: #EAEFF2;
   height: 29px;
   width: 473px
}
.SearchResultFooterHyperlinkContainter{
   text-align:right;
   width: 600px
}

.rafaelLoginBox {
   margin: 0 auto 0;

}

.UserInfoTextFieldLeftBorder{
   background-image: url(img/TextFielLoginBoxLeftBorder.gif);
   height: 29px;
   width: 5px
}
.UserInfoTextFieldRigthBorder{
   background-image: url(img/TextFieldLoginBoxRigthBorder.gif);
   height: 29px;
   width: 5px
}
.UserInfoTextFieldContainer{
   background-color: white;
   height: 29px;
   width: 220px
}

.UserInfoTextFieldTableContainer{
   height: 29px;
   width: 230px
}

.UserInfoTextField{
   background-color: white;
   border: 0pt none;
 //  color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold
}

.UserInfoLabel{
   background-color: white;
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold
}

.UserInfoRowLabel{
   width: 132px
}

.LoginBoxInformationTopBorder{
   background-image: url(img/LoginBoxInformationTopBorder.gif);
   height: 3px;
   width: 625px
}
.LoginBoxInformationBottomBorder{
   background-image: url(img/LoginBoxInformationBottom.gif);
   height: 3px;
   width: 625px
}
.LoginBoxInformationContainer{
   background-color: #ffffff;
   width:600px;
   text-align:center;
   margin:auto

}

.LoginBoxInformationTable{
   padding-bottom: 15px;
   padding-top: 15px;
   width: 625px;
margin: 0 auto 0;
}

.UserInfoGreenBoxTopBorder{
   background-image: url(img/UserInfoBorderTop.gif);
   height: 6px;
   width: 626px
}
.UserInfoGreenBoxBottomBorder{
   background-image: url(img/UserInfoBorderBottom.gif);
   height: 6px;
   width: 626px;
}
.UserInfoGreenBoxContainer{
   background-color: #BBDB8C;
   width: 626px;
   margin: 0 auto 0;
}
.UserInfoGreenBoxTable{
    width: 626px;
    margin: 15px auto;

}

.UserInfoLabelText{
   color: #5F7C34;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
   left: 6px;
}

.RegistrationBox_Title{
   color: #FFFFFF;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 16px;
   font-weight: bold;
}

.staticTextFooterStyle{
   color: white;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
 margin-left:200px;
}


.gridPanelHeaderUserInfo{
   height:100%;
   text-align:center;
   width:100%
}


/*Result Table Style*/
.ResultTable_LomTitle{
   color: #4795C6;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: underline
}
.ResultTable_LabelField{
   color: #666666;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold
}

.ResultTable_TextField{
 color: #666666;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px
}

.ResultTable_HyperlinkStyle{
   color: #4795C6;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   text-decoration: underline
}

.rankAndCommentTopBorder{
   background-image: url(img/CommentTopBorder.gif);
   height: 4px;
   width: 650px
}

.rankAndCommentBottomBorder{
   background-image: url(img/CommentBottonBorder.gif);
   height: 4px;
   width: 650px
}
.rankAndCommentContainer{
   background-color: white;
   width: 650px
}
.rankAndCommentBox{
   width: 650px;
   margin:0pt auto 200px;
   position:relative;
   top:100px
}

.rankAndCommentResDescription{
  margin:auto;
  text-align:left
}

.rankAndComment_Label{
   color: #666666;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold
}

.rankAndComment_Text{
 color: #666666;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 font-weight:normal
}

.rankAndComment_Warning{
    color: red;
    vertical-align: top;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold
}

.rankAndComment_CommentAdded{
   color: #5F7C34;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   vertical-align: top
}

.oldCommentsColomnStyle{
    vertical-align:top;
}


.subscriptionPageMenuTable{
   height: 198px;
}
.subscriptionPageMenuLeftBorder{
   background-image: url(img/SubscriptionPageMenuLeftBorder.gif);
   height: 198px;
   width: 4px
}

.subscriptionPageMenuRigthBorder{
   background-image: url(img/SubscriptionPageMenuRigthBorder.gif);
   height: 198px;
   width: 4px
}
.subscriptionPageMenuContainer{
   background-image: url(img/SubscriptionPageBackground.gif);
   background-repeat: repeat-x;
   height: 198px;
   width: 160px
}

.subscriptionPageContentTopBorder{
 background-image: url(img/CommentTopBorder.gif);
 height: 4px;
 width: 620px
}
.subscriptionPageContentBottomBorder{
 background-image: url(img/CommentTopBorder.gif);
 height: 4px;
 width: 620px
}
.subscriptionPageContentContainer{
background-color:white;
height:100%;
width:620px;
padding:15px
}

.CenterTextAlign{
   text-align: center
}

.RightTextAlign{
    text-align:right;
}
.LeftTextAlign{
   text-align: left
}
.TopTextAlign{
vertical-align:top
}

.SubscriptionPageText{
    color: #5F7C34;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;}

.leftMenuStyle{
vertical-align:top}

.SubsBoxContentStyle{
   padding-left:30px;
vertical-align:top}

.LogoCanadaTextStyle{
    color: #2F3B47;
   font-family: Verdana;
   font-size: 10px
}

.LogoCanadaTextColumnStyle{
    text-align:right;
    width:440px
}

.AdminTopBorder{
   background-image: url(img/AdminTopBorder.gif);
   height: 4px;
   width: 830px
}
.AdminBottonBorder{
   background-image: url(img/AdminBottomBorder.gif);
   height: 4px;
   width: 830px
}
.AdminContainer{
   background-color: white;
   height: 100px;
   width: 830px
}
.AdminTable{
  height: 108px;
   width: 830px}


.staticTextCheckBox1 {
color:white;
left:-15px;
position:relative;
font-family:sans-serif;
font-size:12px
}


.staticTextCheckBox2 {
color:white;
left:3px;
position:relative;
font-family:sans-serif;
font-size:12px
}


/*Fix for Advanced Search Bug in IE*/
.column1{
width:44%
}
.column2{
width:1%
}

.column3{
   width: 45%
}


.booleanOperatorStyle{
width:1%;
}
.conditionStyle{
width:93%;
}
.AddRemoveBottonStyle{
width:6%;

}

#lomTable{
margin:20pt auto 30pt;
max-width:870px;
}

.sectionHeader {
background-color:#92C6E7;
}

.fieldHeader {
   background-color: #DDDDDD;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   color:#165380

}

table#lomTable tr th {
border:none;
}
table#lomTable th {
text-align:left;
width:200px;
}
.fieldHeader {
background-color:transparent;
}

table#lomTable tr td {
border:none;
}

td.lomTableCell {
background-color:#FFFFFF;
max-width:650px;
}


/*About page*/

.AboutTopBorder{
   background-image: url(img/AdminTopBorder.gif);
   height: 4px;
   width: 830px
}
.AboutBottonBorder{
   background-image: url(img/AdminBottomBorder.gif);
   height: 4px;
   width: 830px
}
.AboutContainer{
   background-color: white;
   padding:15px;
   width: 830px
}
.AboutTable{

   width: 830px}


.rafaelTextStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #16476D;
}

.rafaelTitleStyle {
   color: #16476D;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold
}


.ToolsPageMenuContainer{
   
 position:fixed;
   width: 180px
}

.ToolsBoxContentStyle{
   padding-left:200px;
    vertical-align:top}


/*
p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: (22,71,109);
}
a{      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	
}

li {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: (22,71,109);
}
*/


.UserMyAccompteBox{
right: 10px;
   top: 59 px;
   position: absolute;
   
}

.UserMyAccounthyperlink_Style{
color:#4F7689 !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;

}