*
{
    z-index: 00;
}


body
{
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans serif !important;
}

/*   Banner  */

/* witdh should support 800 x 600 definition*/
.BrownBanner
{
    background-image: url('Images/img_banner_brown_76px.jpg');
}
.Banner
{
    background-image: url('Images/banner.gif');
}
#banner
{
    position: relative;
    width: 100%;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 78px;
    background-image: url('Images/banner.gif'); /* for the drop down menu override */
    z-index: 30;
}
/* for ranking and accessibility purpose */
#title
{
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#wtologo
{
    float: left;
    height: 52px;
    width: 17%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#bannerImage
{
    float: left;
    width: 10%;
    height: 76px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#bannerNaviguation
{
    float: right;
    width: 60%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#FirstMenuContainer
{
    float: right;
    clear: both;
    margin-right: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#SecondMenuContainer
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    clear: both;
}


#ThirdMenuContainer
{
    float: right;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* End of banenr stuff */

#tablePointsSeparator
{
    position: relative;
    background-image: url('Images/dot150px.gif');
    background-repeat: repeat-x;
    width: 100%;
    height: 3px; /*z-index:0;*/
    margin: 0px 0px 0px 0px;
    padding: -1px 0px 1px 0px;
}

#FirstMenuContainer a
{
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#FirstMenuContainer img
{
    margin-top: 5px;
}

.menulanguagetext
{
    font-weight: normal;
    text-decoration: none;
    color: #000080;
    padding: 0px 0px 0px 10px;
    text-align: right;
}

/*   Main menu   */
.StaticMenuStyle
{
    background-color: transparent;
}

.StaticMenuItemStyle
{
    font-weight: bold;
    color: #FF8040;
    text-decoration: none;
    background: transparent;
    padding: 2px 5px 2px 0px;
}

/*dynamic menu items*/

.DynamicMenuStyle
{
    text-align: left;
    background: transparent;
}

.DynamicMenuItemStyle
{
    font-weight: bold;
    color: #808080;
    text-decoration: none;
    background: transparent;
    background-color: #E5E5E5;
    border-style: solid;
    border-color: #808080;
    padding: 0px 5px 0px 3px;
    border-width: 1px 1px 1px 1px;
}

.DynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #0080C0;
}


/*   Wto Main menu follow menudefaulttext */

.wtoMainStaticMenuStyle
{
    font-weight: bold; /*color: #808080; */
    color: #FF0000;
    text-decoration: none;
    background: transparent;
    padding: 0px 0px 0px 1px;
}

.wtoMainStaticMenuItemStyle
{
    padding: 2px 3px 0px 0px;
    background-color: transparent;
    color: #808080;
}

.wtoMainStaticHoverStyle
{
    color: #808080;
    background-color: #E5E5E5;
}
/* dynamic menu items*/

.wtoMainDynamicMenuStyle
{
    text-align: left;
    background: transparent;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #808080;
}

.wtoMainDynamicMenuItemStyle
{
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #808080;
    background-color: #E5E5E5;
    color: #808080;
    text-align: left;
}

.wtoMainDynamicSelectedStyle
{
    padding: 2px 5px 2px 5px;
    text-align: left;
}

/**** Wto Root Menu ****/

.wtoRootStaticSelectedStyle
{
    color: #0080c0;
}

.wtoRootDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #0080c0;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

/*
.wtoRootDynamicHoverStyle img 
{
	background-image:url('Images/HM_More_grey_right.gif');	
}
*/

/**** Wto News Menu ****/

.wtoNewsStaticSelectedStyle
{
    color: #0080ff;
}

.wtoNewsDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #0080ff;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

/**** Wto Trade Menu ****/

.wtoTradeStaticSelectedStyle
{
    color: #800000;
}

.wtoTradeDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #800000;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

/**** Wto Ressources Menu ****/

.wtoRessStaticSelectedStyle
{
    color: #008080;
}

.wtoRessDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #008080;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

/**** Wto Documents senu ****/

.wtoDocsStaticSelectedStyle
{
    color: #ff0000;
}

.wtoDocsDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #ff0000;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.wtoDocsStaticMenuItemStyle
{
    padding: 2px 3px 0px 0px;
    background-color: transparent;
    color: #FF0000;
}

/**** Wto Forum Menu ****/

.wtoForumStaticSelectedStyle
{
    color: #000080;
}

.wtoForumDynamicHoverStyle
{
    color: #FFFFFF;
    background-color: #000080;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.wtoForumStaticMenuItemStyle
{
    padding: 2px 0px 0px 0px;
    background-color: transparent;
    color: #808080;
}

/**********************************************************/
/*   Top Level Menu   */
.TopLevelStaticMenuStyle
{
    padding: 0px 0px;
    background-color: transparent;
    vertical-align: top;
    font-weight : bold;
}

.TopLevelStaticMenuItemStyle
{
    color: #FFFFFF;
    text-decoration: none;
    background: transparent;
    padding: 0px 5px 0px 0px;
}
.TopLevelStaticMenuItemStyle:hover
{
    text-decoration: underline;
}

/*   Footer Level Menu   */
.FooterLevelStaticMenuStyle
{
    padding: 2px 7px 0px 7px;
    background-color: transparent;
}

.FooterLevelStaticMenuItemStyle
{
    font-weight: bold;
    color: #808080;
    text-decoration: none;
    background: transparent;
}

.FooterLevelStaticMenuItemStyle:hover
{
    text-decoration: underline;
    color: #FF8040;
}

.FooterLevelStaticSelectedStyle
{
    color: Red;
}

/* NavigationTopLevel follow wto css class parawhitetext */
#navigationTopLevel
{
    height: 19px;
    background-color: #FF0000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
    /*font-style: normal; vertical-align: top;*/
}

#navigationTopLevel td
{
    padding: 0;
    margin: 0;
    vertical-align: top;
}

#navigationTopLevel td a
{
    vertical-align: top;
    text-decoration: underline;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
}

/* the ajax menu is the grey toolbar inspired by bbc */

#ajaxMenu
{
    margin-left: 0px;
    margin-top:10px;
}

.ajaxPanel
{
    /*margin-top: 1px;*/
    background-color: Gray; /*filter: alpha(opacity=70);     opacity: 0.7;*/
    text-align: left;
}

/* just here to clear the float for the next div like breadcrumb*/
#bottomAjaxMenu
{
    clear: both;
}

/* body div is global and just below the ajax tool bar */
#body
{
    clear: both;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 0px 0px 0;
    position: relative;
    background-color : #F2F2F2;
    height: 40px !important; /* hide the panel under the menu */
    
}

/* href items should follow wto css item paragreytext  */
#breadcrumb
{
    float: right;
    padding: 5px 0px -20px 0px;
    white-space: nowrap;
}
/* current page should follow paraorangetext */
#breadcrumb a
{
    padding: 5px 0px -20px 0px;
    color: #808080;
    text-decoration: none;
}

#breadcrumb a:hover
{
    color: #FF8040;
    text-decoration: underline;
}

/* current page should follow paraorangetext */
.breadCrumbCurrentNode
{
    color: orange;
}

/* current page should follow paragreytext */
.breadCrumbPathSeparator
{
    color: #808080;
}

/* a global div for the content place holder */
#contentPlaceHolder
{
    clear: both;
    padding: 0px 2px 0px 2px;
}




/* header is the part of the content on the page containing the title left image etc..*/
#headerContent
{
    clear: both;
    margin: 0px 0px 0px 0px;
    display: block;
}

#headerContentPicture
{
    float: left;
    width: 10%;
    padding: 0px 20px 0px 0px;
}

#headerContentFooter
{
}

#headerContentContent
{
    float: right;
    width: 80%;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
}

/* style of the div containing "main content" treeview grid results etc.. */
#content
{
    clear: both;
    padding: -10px 0px 0px 0px;
}
/* left colomn contains for exemple filter tree view */
#leftContentColumn
{
    float: left;
    height: 100%;
    width: 20%;
    display: block;
    min-height: 100%;
    margin-right: 0px;
}
/* right column contains grid */
#rightContentColumn
{
    float: right;
    width: 78%;
}

/* style on the footer div */
#footer
{
    clear: both;
    padding: 20px;
}


/***** Useful ********/

#ajaxMenu p
{
    display: inline-block;
    float: right;
}

.ajaxMenuItem
{
    float: left;
    margin: 0px 5px 0px 5px;
    line-height: 1.5em;

}
.ajaxMenuItem1
{
    float: left;
    margin: 0px 5px 0px 5px;
    line-height: 1.5em;
}

/* follow wto css pagetitletext */
#headerContentContent h3
{
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    margin-top: 0px;
    padding-top: 0px;
}

/* follow wto css paralargetext */
#headerContentContent p
{
    font-style: normal;
    font-weight: normal;
}


/* a link in the title zone */
#headerContentFooter a
{
    color: Red;
}


.menuredtext
{

    font-weight: bold;
    text-decoration: none;
    color: #FF8040;
}

.parasmallgreytext
{

    font-style: normal;
    font-weight: normal;
    color: #808080;
}

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

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px 3px 3px 3px;
    width: 650px;
}

.modalPopup span
{
    color: Black;
}

.modalPopup ul
{
    list-style-type: square;
    color: Gray;
}

.modalPopup li a
{
    color: Red;
}


.paralargetext
{

    font-style: normal;
    font-weight: normal;
}

.paranormaltext
{

    font-style: normal;
    font-weight: normal;
}


h3
{
    margin: 15px 0 0 0;
    padding: 5px 0 8px 0;
}

/****   GridView Style ****/
.PrettyGridViewPagerStyle
{
    color: #FFFFFF;
    background-color: red;

}

.PrettyGridViewAlternatingRowStyle
{
    background-color: #F7F6F3;
    text-align: center;

}

.PrettyGridViewHeaderStyle
{

    color: white;
    background-color: red;
}

.PrettyGridViewHeaderStyle th
{
    padding: 0px 3px 0px 3px;
}

.PrettyGridViewRowStyle
{
    background-color: White;

    text-align: center;
}
/**** FE  GridView  Style ****/
.FEGridViewPagerStyle
{
    color: #000000;
    background-color: #ffff00;

}

.FEGridViewAlternatingRowStyle
{
    /*background-color: #F3F3F3;*/
    background-color: #cee2f9; /*Aqua*/
    text-align: center;
    color: #000000;
    text-align: center;
}

.FEGridViewHeaderStyle
{
    background-color: red;
    color: White;
    height: 20px;
}

.FEGridViewHeaderStyle th
{
    padding: 0px 3px 0px 3px;
}

.FEGridViewRowStyle
{
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
}
.FEGridViewSelectedRowStyle
{
    background-color: #0000FF;
    color: White;
    text-align: center;
}

.FEGridViewMultiSelectRowStyle
{
    background-color: #0000FF;
    color: White;
    text-align: center;
}

.FEGridViewMultiSelectRowStyle a
{
    color: White;
    text-align: center;
}
/*******************************/
.GridViewSavedRowStyle
{
    color: #000000;
    background-color: #ffff00;
    text-align: left;
}
.GridViewSavedAlternatingRowStyle
{
    /*background-color: #F3F3F3;*/
    background-color: #ffffff; /*Aqua*/
    text-align: left;
    color: #000000;
}
.GridViewSavedSelectedRowStyle
{
    background-color: #ff0000;
    color: White;
    text-align: left;
}
.GridViewSavedHeaderStyle
{
    background-color: #c0c0c0;
    color: #220500;
    height: 20px;
}
.GridViewSavedMultiSelectRowStyle
{
    background-color: #ff0000;
    color: White;
    text-align: left;
}
/*------------------*/
/***   MODAL PROGRESS BAR   ***/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
}
.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 150px;
    height: 50px;
}
.updateProgressMessage
{
    margin: 3px;
    vertical-align: middle;
}

/*** Selected & Unselected for UerControl ModalPopul ***/
.selectIndex
{
    color: Red;
}
.unselectIndex
{
    color: Gray;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix
{
    margin-left: 3px;
}


.lblSignOn, .lblUserName
{
    color: #808080;
}


.rpLink
{
    background: #FFFFFF url('Images/panelBG.gif') repeat-x scroll 0 0;
}

.rpRootGroup
{
    border: 1px solid #E5E5E5;
}

.rpItem
{
    display: block;
    float: none;
    position: static;
}

.rpText
{
    -x-system-font: none;
    background: transparent url(Images/panelUp.gif) no-repeat scroll 11px center;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid white;
    color: #333333;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 18px;
    padding: 0 23px;
}

.RadPanelBar_Default2006
{
    background: #FFFFFF none repeat scroll 0 0;
}
.RadPanelBar
{
    width: 250px;
}

/* FE_B_S006 */
.PanelSpecifyDateRange
{
    width: 100%;
    text-align: left;
    border: solid 1px black;
}
.PanelSpecifyDateRangeBGColor
{
    background-color: #d2c9de;
}
.PanelChooseMembers
{
    width: 100%;
    text-align: left;
    border: solid 1px black;
}
.PanelChooseMembersBGColor
{
    background-color: #edcecb;
}
.PanelChooseRequirements
{
    width: 100%;
    text-align: left;
    border: solid 1px black;
}
.PanelChooseRequirementsBGColor
{
    background-color: #facca7;
}
.MonthCalendarStyle
{
    background-color: Blue;
    color: White;
}

.MonthCalendarAlternateStyle
{
    background-color: White;
    color: black;
}
.HighlightedMonth
{
    color: red;
}
.SelectedMonth
{
    background-color: #00ff00;
}
/* Global */
.PageTitle
{
    font-weight: bold;
}
/* FE_B_S005 */
.DocsFMResultsPageHyperlink
{
    color: Red !important;
    font-style: italic;
}
.DocsFMResultsPageMoreHyperlink
{
    color: Red !important;
    font-style: italic;
    text-decoration: none;
}
.DocsFMResultsPageAlternateItem
{
    background-color: #cadaa9;
}
.DocsFMResultsPageDocInfo
{
    color: green;
}
.DocsFMResultsPageDocAccess
{
}
.DocsFMResultsPageDocRestrictedAccess
{
    color: red;
    font-weight: bold;
}
.DocsFMResultsPageModifiedDoc
{
    color: white;
    background-color: Red;
}
.DocsFMResultsPageNewDoc
{
    color: white;
    background-color: blue;
}

/* FE Homepage hyperlink FE_B_001*/
#FEHomepagehlink a:hover
{
    color: #FF8040;
    text-decoration: underline;
}
/* FE_B_004*/
.SubjectsAndDates
{
    color: #fdbe00 !important;
}
.BulletedListStyle
{
    cursor: pointer;
    color: Blue;
    text-decoration: underline;
}
.loginButton
{
	font-weight : bold;
	background-color:Red;
	color: White;
	height : 20px;
	width: 30px;
	border : solid 1px white;	
	text-align:left;
}
.saisieLogin
{
	height:16px;
	width:120px;
	border-style:solid;
	border-color:Black;
	border-width:1px;
}
.labelsLogin
{
	color: Black;
}
.labelsLogin label
{
	width:100%;
}
#SignOnControl
{
	background:#F2F2F2;
}
#userPreferencesContent
{
	background:#F2F2F2;
	width:70% !important;
	border:solid 1px red;
}
.preferencesTitle
{
	color:#666666;
	margin-left:10px;
    line-height: 1.5em;
    font-weight:bold;
}
.preferencesBilangual
{
	color:#666666;
    line-height: 1.5em;
    font-weight:bold;
    color:Red !important;
	margin-left:5px;
}
.TopNavigation
{
	padding:0;
	border-spacing:0;
}
.TopNavigation td, .TopNavigation a, .TopNavigation a:visited
{
    line-height: 1.5em;
	font-weight:bold;
	color: White !important;
	text-align:left !important;
	
}