/* Headrer background */
.HeadrerBackground {
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(../Images/bmp/General_ERCTHeaderBackground.bmp) center center repeat-x;
}

/* Content */
.BlockHeader1 {
	width: 100%; /* set width of menu */
	background: #f1f1f1;
	border-color: #808080;
	border-width: 1px ;
	border-style: solid  solid none solid;
	font: bold 11px Verdana;
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 5px;
	text-align: justify;
}

.BlockContent1 {
	width: 100%; /* set width of menu */
	background: transparent;
	border-color: #808080;
	border-width: 1px ;
	border-style: solid solid solid solid;
	font: 11px Verdana;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	line-height: 20px;
}

.BlockContent1 {
	text-align: justify;
}

.BlockContentNoBorder {
	background: #f1f1f1;
	border-color: #f1f1f1;
	border-width: 10px ;
	border-style: solid solid solid solid;
	font: 11px Verdana;
	margin: 10px 10px 10px 10px;
	padding: 30px 30px 30px 30px;
	line-height: 20px;
}

.BlockContentBorder {
	background: transparent;
	border-color: #808080;
	border-width: 1px ;
	border-style: solid solid solid solid;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	line-height: 20px;
}

/* Vertical menu 1 */
.VerticalMenu1 {
	width: 185px; /* set width of menu */
	background: transparent;
	border-color: #808080;
	border-width: 1px ;
	border-style: solid solid solid solid;
} 

.VerticalMenu1 ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

.VerticalMenu1 a { /* style, color and size links and headings to suit */
	font: 11px/20px Verdana;
	display: block;
	margin: 0;
	padding: 2px 20px 4px;
	color: #808080;
	background: transparent url(../Images/bmp/General_PuceFleche1.bmp) left center no-repeat;
	text-decoration: none;
}

.VerticalMenu1 a:hover {
	color: #808080;
	background: transparent url(../Images/bmp/General_PuceFleche2.bmp) left center no-repeat;
}

.VerticalMenu1 h2 {
	font: bold 11px/30px Verdana;
	display: block;
	margin: 0;
	padding: 2px 10px;
	background: transparent;
}

/* Horizontal menu */
.HorizontalMenu {
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	border: 1px solid 0B4251;
	border-width: 1px 0;
	background: black url(../Images/bmp/General_BlockDefault.bmp) center center repeat-x;
}

.HorizontalMenu li {
	display: inline;
}

.HorizontalMenu li a {
	float: left;
	color: white;
	padding: 5px 7px;
	text-decoration: none;
	border-right: 1px solid white;
}

.HorizontalMenu li a:visited {
	color: white;
}

.HorizontalMenu li a:hover, .HorizontalMenu li .current {
	color: white;
	background: transparent url(../Images/bmp/General_BlockActive.bmp) center center repeat-x;
}

/* Text writings */
.WFooterBlack {
	color: black;  	
	font-size: 10px;
	font-family: Verdana;
	margin-top: 60px;
}

.WHeaderBlack {
	color: black;  	
	font-size: 14px;
	font-family: Verdana;
	line-height: 24px;
	font-weight: bold;
}

.WSubHeaderBlack {
	color: black;  	
	font-size: 11px;
	font-family: Verdana;
	line-height: 21px;
	font-weight: bold;
}

.WBodyBlack {
	color: black;  	
	font-size: 11px;
	font-family: Verdana;
	line-height: 21px;
}

.WBodyBlack a, .WBodyBlack a:link, .WBodyBlack a:active, .WBodyBlack a:visited  
{
	color: Blue; 
	text-decoration: none;	
}

.WBodyBlack a:hover
{
	color: #ff6600;	
}

.WBodyBlack p {
	text-align: justify;
}

.WFieldInfoBlack {
	color: black;  	
	font-size: 10px;
	font-family: Verdana;
}

.WPublicity {
	color: #2059a5;  	
	font-size: 11px;
	font-family: Verdana;
}

.ErrorMessage {	/* Error Message */
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
	color: Red;
	vertical-align:middle;
}

.LoginText { /* Login */
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	font-family: Verdana;
}

/* Vertical menu 2 */
.VerticalMenu2 {
	width: 185px; /* set width of menu */
	background: transparent;
	border-color: #dbdce3;
	border-width: 1px ;
	border-style: none solid solid solid;
} 

.VerticalMenu2 ul { /* remove bullets and list indents */
	list-style: none;	
	margin: 0;
	padding: 0;
	
}

.VerticalMenu2 a { /* style, color and size links and headings to suit */
	font: 11px/20px Verdana;
	display: block;
	margin: 0;
	padding: 1px 10px 1px;
	color: #444444;
	background: transparent url(../Images/bmp/User_Menu1.bmp) left center repeat;
	text-decoration: none;
	border-top: 1px solid #dbdce3;
}

.VerticalMenu2 a:hover {
	color: #444444;
	background: transparent url(../Images/bmp/User_Menu2.bmp) left center repeat;
}

/* Info box */
.InfoBox {
	background: transparent;
	border-color: #dbdce3;
	border-width: 1px ;
	border-style: solid solid solid solid;
	margin: 0;
	padding: 5px 5px 5px 5px;
	line-height: 10px;
}

.IBSubHeaderBlack {
	color: black;  	
	font-size: 11px;
	font-family: Verdana;
	line-height: 12px;
	font-weight: bold;
}

.IBBodyBlack {
	color: black;  	
	font-size: 11px;
	font-family: Verdana;
	line-height: 12px;
}

/* Grid */
.Grid {
	padding: 0;
	margin: 0;
	width: 100%;
	/*border-right: #717171 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #717171 1px solid;*/
}

.GridItem {
	border: #696969 1px solid;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	height: 20px;
	font: 11px Verdana;
	text-align: center;
}

.GridItem a, .GridItem a:link, .GridItem a:active, .GridItem a:visited  
{
	color: Blue; 
	text-decoration: none;	
}

.GridItem a:hover
{
	color: #ff6600;	
}

.GridHeader {
	background-color:#5D7B9D;
	border-color:#000000;
	height: 20px; 
	font-weight: bold;
	color: #000000;
	font: bold 11px Verdana;
	text-align: center;
}
 
 .GridHeader a:active, a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

.GridHeader a:hover {
	color: #000000;
	text-decoration: underline;
}

.GridAlternatingItem {
	border: #696969 1px solid;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	height: 20px;
	font: 11px Verdana;
	text-align: center;
	background-color:#EEEEEE;
}

.GridAlternatingItem a, .GridAlternatingItem a:link, .GridAlternatingItem a:active, .GridAlternatingItem a:visited  
{
	color: Blue; 
	text-decoration: none;	
}

.GridAlternatingItem a:hover
{
	color: #ff6600;	
}

.GridFooter {
	
	margin: 0;
	padding: 0;
	color: Blue;
	height: 20px;
	font: 11px Verdana;
}

.GridFooterItem 
{
	font: bold 11px Verdana;
	text-align: center;
	
	}
.GridFooter2 {
	margin: 0;
	padding: 0;
	color: #000000;
	height: 20px;
	font: bold 11px Verdana;
	text-align: center;
}

.GridFooterItem2 
{
	font: bold 11px Verdana;
	text-align: center;
	
	}

/*.GridFooter a:active, a:link, a:visited {
	color: Blue;
	text-decoration: none;
}

.GridFooter a:hover {
	color: Blue;
	text-decoration: underline;
}*/

/* Search row */
.SearchRow {
	padding: 1px 1px 1px 4px;
	margin: 0;
	float: left;
	font: 11px Verdana;
	width: 100%;
	/*height:25px;*/
	vertical-align: middle;
	border-right: #717171 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #717171 1px solid;
	background: transparent url(../Images/bmp/User_SearchRow.bmp) center center repeat;
}

/* Add row */
.AddRow {
	padding: 1px 1px 1px 4px;
	margin: 0;
	float: left;
	font: 11px Verdana;
	width: 100%;
	/*height:25px;*/
	vertical-align: middle;
	border-right: #717171 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #717171 1px solid;
	background: transparent url(../Images/bmp/User_SearchRow.bmp) center center repeat;
}

/* Buttons */
.RegButton {
	font: 8pt Verdana;
	color: Black;
}

.LogButton {
	font: bold 8pt Verdana;
	color: Black;
}

/* TextBox */
.RegTextBox {
	color: black;
	font: 11pt Calibri;
}

.RegROTextBox {
	color: black;
	font: 11pt Calibri;
	background: #E0E0E0;
}

/* DataList */
.MDataList 
{
	color: black;  	
	font-size: 11px;
	font-family: Verdana;
	line-height: 20px;
}

.MDataList a, .MDataList a:link, .MDataList a:active, .MDataList a:visited  
{
	font-weight: bold;
	color: #0033cc;
	text-decoration: underline;
}

.MDataList a:hover
{
	color: #ff6600;
}

/* Courrier */
.Courrier {
	background: transparent;
	border-color: #dbdcd9;
	border-width: 1px ;
	border-style: solid solid solid solid;
	margin: 0;
	padding: 0;
	/*line-height: 10px;*/
}

/* Courrier Horizontal menu */
.CourrierHorizontalMenu {
	margin: 0;
	padding: 0;
	float: left;
	font: 11px Verdana;
	width: 100%;
	border: 1px solid #dbdcd9;
	border-width: 0 0 1px 0;
	background: transparent url(../Images/bmp/Courrier_HorizontalMenu.bmp) center center repeat-x;
}

.CourrierHorizontalMenu li {
	display: inline;
}

.CourrierHorizontalMenu li a {
	float: left;
	color: black;
	padding: 5px 7px;
	text-decoration: none;
	border-right: 1px solid #dbdcd9;
}

/* Courrier Grid */
.CourrierGrid {
	padding: 0;
	margin: 0;
	width: 100%;
}

.CourrierGridItem {
	padding: 0;
	margin: 0;
	height: 20px;
	font: 11px Verdana;
	text-align: left;
}

.CourrierGridItem a:active, a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

.CourrierGridItem a:hover {
	color: #000000;
	text-decoration: underline;
}

.CourrierGridHeader {
	background-color:#e9f9ff;
	height: 20px; 
	color: #000000;
	font: 11px Verdana;
	text-align: left;
}
 
.CourrierGridHeader a:active, a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

.CourrierGridHeader a:hover {
	color: #000000;
	text-decoration: underline;
}

.CourrierGridFooter {
	margin: 0;
	padding: 0;
	color: Blue;
	height: 20px;
	font: 11px Verdana;
}

.CourrierGridFooterItem 
{
	font: bold 11px Verdana;
	text-align: center;	
}

.CourrierInfo {
	background: transparent;
	border-color: #dbdcd9;
	border-width: 1px ;
	border-style: none none solid none ;
	padding: 1px 1px 1px 4px;
	margin: 0;
}

.CourrierMessage{
	background: transparent;
	padding: 4px;
	margin: 0;
	color: #000000;
	font: 10pt Verdana;
	text-align: left;
}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    /*margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;*/
    
    margin : 0px!important; 
	padding: 0px;
    background-color : White ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    /*height : 200px ;
    font-family : Tahoma ;
    font-size : small ;*/
    text-align : left ;
    list-style-type : none ;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }
   
/*TextBox Watermark */
.watermarked {  
color: #999999;  
background-color: #eeeeee;  
border: solid 1px #000000;
}   

/* ModalPopupExtender */
.modalBackground
{
	background-color: Gray;
	filter:alpha(opacity=50);
	/*background-color: #666699;
    filter: alpha(opacity=50);*/
	opacity:0.7;	
	}
	
.modalPopup	/* not in use */
{
	background-color: #ffffdd;
	border-width:2px;
	border-style:solid;	
	border-color:Black;
	padding:3px;
	width:550px;
	/*height:500px;*/
	}	
	
.modalPanelReglements
{
	background-color: #ffffdd;
	border-width:2px;
	border-style:solid;	
	border-color:Black;
	padding:3px;
	width:550px;
	height:360px;
	overflow:auto;
	}
	
.modalPanelSendEmail
{
	background-color: #ffffdd;
	border-width:2px;
	border-style:solid;	
	border-color:Black;
	padding:3px;
	width:670px;
	height:500px;
	overflow:auto;
	}
	
.modalPanelExportSEPA
{
	background-color: #ffffdd;
	border-width:2px;
	border-style:solid;	
	border-color:Black;
	padding:3px;
	width:350px;
	height:235px;
	overflow:auto;
	}
	
.modalDiv {
    position:fixed;
    top: 30%;
    left: 50%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
}
	
.modalDivOTHER {
    margin:auto;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/

}