﻿/*EG: Epsilon wesbite styles*/
/*EG: Note: the code snippet in radeditor toolfile.xml takes the lobbying page as a template */
/*---------------------------------------------------------------------------------------------*/
/*EG: Main website styles*/
/*EG: A float clearing div to reset the floats for an element (used throughout...) */

table, td, tr, thead, tfoot, tbody, th, tf {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

p
{
	clear: left;
}
.br
{
	clear: both;
}
/*EG: The main site background colour*/
body
{
	font-size: small;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #CFCFCF;
}

/*EG: The styles for the master page*/
.MasterPageStyles
{
	background-color: #ffffff; 
	width: 998px; 
	margin:0 auto;
	margin-top: 20px; 
	text-align: left;
}

/*EG: A generic white background style to override the grey body, used in the header, ... */
.EpsilonWhiteBackground
{
	background-color: #FFFFFF;
	/*display: table-cell;*/
	display:block;
	margin-right:0px;
	margin-top:3px;
}

/*
	BR 28/11/2008: A white background as the 'EpsilonWhiteBackground' style but with a height of 0.
	For the header on the events section.
*/
.EpsilonWhiteHeaderBackground 
{
	background-color: #FFFFFF;
	margin:0 auto;
	padding:0 auto;
	height:0;
}

/*EG: The home page styles - put in editor*/
.HomePageContainer
{
	margin: 0pt auto; 
	float: left; 
	width: 742px; 
	text-align: left; 
	background-color: white;
}

.ConferencePageContainer
{
	float: left; 
	width: 998px; 
	margin: 0 auto; 
	text-align: left;
	height: 100%;
	 
}

/*  contact us page container */
.ForumEuropeContactUsPageContainer 
{   float : left; 
	width: 742px; 
	margin: 0; 
	text-align: left;
	height: 100%;
}

/*EG: The left column styles - put in editor*/
.LeftColumn
{
	float: left; 
	width: 255px;
	height: 100%;
}

/*EG: The centre column styles - - put in editor*/
.CentreColumn
{
	float: left; 
	width: 465px;
	vertical-align: top; 
}

/*EG: The centre column text layout style - - put in editor*/
.CentreColumnText
{
	padding-left: 5px;
}


.CentreColumnOtherPage
{
	float: right; 
	width: 730px;
	vertical-align: top;
}

/*EG: the floating admin box (top right) */
#CWCMSLiteAdminSwitch
{
	position: absolute;
	right: 25px;
	top: 5px;
	background: #c7eafb;
	width: 120px;
	height: 65px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/*--------------------------------------------------------------------------------------*/
/*EG: LINK STYLES- all link styles throughout site except those in the left hand menu link boxes 
(e.g. the orange conferenceBox)*/
/*EG: the following 4 basic link styles are used in... */
A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #1e4387;
	font-weight: normal;
	border-width: 0px;
}

A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #1f4387;
	border: none;
}

A:hover
{
	text-decoration: none;
	color: #33805F;
	border: none;
}

A:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: black;
	border-width: 0px;
}

/*EG: Styles for the contactbox email links*/
A.ContactLinks
{
	font-size: 8pt;
	margin-left: 11px;
}

/*EG: This style removes the automatic border on an image */
a img
{
	border: none;
}


/*EG: The following 3 styles are used for white text, in the footer ...*/
A.LightLinks
{
	color: #FFFFFF;
}
A.LightLinks:hover
{
	color: #1E4387;
}
A.LightLinks:visited
{
	color: #FFFFFF;
}

a.link1:visited, a.link1:active, a.link1:link, a.link1:hover
{
	border-width: 0px;
	text-decoration: none;
	color: Aqua;
	margin: 0;
	padding: 0;
}


a.link2:visited, a.link2:link, a.link2:active
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 20px;
	padding-top: 5px;
	width: 310px;
}

a.link2:hover
{
	background-color: transparent;
	color: #33805F;
	text-align: left;
	font-size: 20px;
	padding-top: 5px;
	width: 310px;
}


a.link3:visited, a.link3:link, a.link3:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}


a.link3:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	font-size: 12px;
	font-weight: normal;
	color: #f8931f;
}

/*EG: blue Link4 is used within the orange text sections in lobbying,  */
a.link4:visited, a.link4:link, a.link4:active
{
	background-color: transparent;
	color: #1e4387;
	font-size: 12px;
}

a.link4:hover
{
	background-color: transparent;
	color: #33805F;
	font-size: 12px;
}


a.link5:visited, a.link5:link, a.link5:active
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

a.link5:hover
{
	background-color: transparent;
	color: #33805F;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

a.link6:visited, a.link6:link, a.link6:active
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 15px;
}

a.link6:hover
{
	background-color: transparent;
	color: #33805F;
	text-align: left;
	font-size: 15px;
}




/*EG: The following 2 link styles are used in the news rotator for the "Read news" link */
A.NewsLinks
{
	color: #1f4387;
	text-decoration: none;
	font-weight: bold;
	border: none;
}

A.NewsLinks:hover
{
	color: #177F69;
}


/*--------------------------------------------------------------------------------------*/
/*EG NEWS STYLES*/
/*EG The basic news rotator text style - not apparently used? ...*/
.EpsilonNewsText
{
	/*font-size: small;
	color: #1f4387;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: normal;
	padding-left: 5px;
	border-left: solid 1px #1469b7;
	border-bottom: solid 1px #1469b7;
	width: 211px;*/	
}

/*EG: Used to colour the news rotator background. Query - same colour as cyan tint on left?... */
.EpsilonNewsBack
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #c7eafb;
	border: solid 1px #939598;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #1f4387;
	vertical-align: top;
	height: 183px;
	text-align: left;
	width: 213px;
	float: right;
}

/*EG: Used for the header in the news rotator */
.EpsilonNewsHeader
{
	font-weight: bold;
	font-size: medium;
	color: #1f4387;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*padding-left: 5px;*/
}

.RadTickerClass
{
	/*width: 100%;*/
	width: 100px;
	text-align:left;
}

/*--------------------------------------------------------------------------------------*/
/*EG: Additional styles*/
/*EG: Text showing warning in in admlogin*/
.CWCMSLiteWarningText
{
	font-size: small;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}

/*EG: Used in admlogin form*/
.CWCMSLiteFormText
{
	font-size: small;
	color: #006666;
	font-family: Arial, Helvetica, sans-serif;
}

/*EG: The dark blue Epsilon button */
.EpsilonButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background-color: #1e4387;
	width: 100px;
}

/*--------------------------------------------------------------------------------------*/
/*EG: HEADER STYLES */
/*EG: A large blue header (not used by me but in editor)*/
H1
{
	background-color:#FFFFFF;
	color:#4C93AF;
	float:left;
	font-size:40px;
	text-align:left;
}

/*EG: Used in the admin page top left*/
H2
{
	color: #333333;
}

/*EG: A medium blue header (not used by me but in editor)*/
H3
{
	background-color:transparent;
	color:#1E4387;
	font-size:18px;
	padding-bottom:10px;
	padding-top:5px;
	text-align:left;
}


.EpsilonLogoStyles
{
	float: left; 
	/*padding-top: 10px;*/
	/*padding-left: 28px; */
	height:91px;
	width: 221px;
}

/*EG: Used in the header control - right section (timebar etc) */
.Epsilon-WhiteTitle
{
	background-color: #ffffff;
	border-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-right: 20px;
	float: right; 
	width: 520px; 
	vertical-align: top; 
	padding-top: 20px;
}

/*EG: Used in the timebar to border "Brussels"*/
.EpsilonNavStylesBorder1
{
	color: #1e4387;
	vertical-align: top;
	font-weight: normal;
	float: right;
	font-size: 12px;
	border: solid 1px #AAACAF;
	padding: 2px 3px 2px 3px;
	height: 15px;
}

/*EG: Used in the timebar as part of the grey border */
.EpsilonNavStylesBorder2
{
	color: #1e4387;
	vertical-align: top;
	font-weight: normal;
	float: right;
	font-size: 12px;
	border: solid 1px #AAACAF;
	border-left: 0px;
	padding: 2px 3px 2px 3px;
	height: 15px;
}

/*EG: Used in the timebar as another part of the grey border*/
.EpsilonNavStylesBorder3
{
	color: #1e4387;
	vertical-align: top;
	font-weight: normal;
	float: right;
	font-size: 12px;
	border: solid 1px #AAACAF;
	border-right: 0px;
	border-left: 0px;
	padding: 2px 3px 2px 3px;
	height: 15px;
}

/*EG Used for the links layout at the top of the page */
.EpsilonNavStyles
{
	color: #1e4387;
	vertical-align: top;
	font-weight: normal;
	padding-left: 3px;
	float: right;
	font-size: 9pt;
}


/*EG: Used for the title layout in the header at the top of the page */
.EpsilonNavStyles2
{
	color: #1e4387;
	vertical-align: top;
	font-size: 15px;
	font-weight: normal;
}

/*--------------------------------------------------------------------------------------*/
/*EG: Epsilon borders - lines used throughout the site */
/*EG: Used in homepage central border horizontal - width of image */
.EpsilonBorder
{
	background-color: #A7A9AC;
	height: 1px;
	width: 465px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 5px;
}

.EpsilonBorderVertical
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-y;
	width:1px;
	margin: 5px 0 5px 0;
}


.EpsilonBorderHorizontal
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	/*margin: 5px 0 5px 0;*/
	height: 10px;
	float: left;
    width: 100%;
    display:block;
    }


.EpsilonBorderHorizontal98
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	/*margin: 5px 0 5px 0;*/
	height: 10px;
	float: left;
    width: 99%;
    display:block;
    }

.EpsilonBorderHorizontalShort
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	/*margin: 5px 0 5px 0;*/
	height: 10px;
	float: left;
    width: 99%;
}
.EpsilonBorderHorizontalLeft
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	margin: 5px 0 5px 0;
	height: 1px; 
	float: left;
    width: 99%;
}

.EpsilonBorderHorizontalRight
{
	background-image:url(http://www.epsilonevents.com/Images/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	margin: 5px 0 5px 0;
	height: 1px; 
	float: right;
    width: 99%;
}

/*EG Used in the homepage horizontally directly under the newsfeed */
.EpsilonBorderRight
{
	background-color: #A7A9AC;
	height: 1px;
	width: 256px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*EG Used in the homepage left horizontally under the conference box*/
.EpsilonBorder2
{
	background-color: #A7A9AC;
	height: 1px;
	width: 256px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*EG: Used in the homepage, left and right of columns, vertically */
.EpsilonBorder3
{
	background-color: #A7A9AC;
	height: 555px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the newsltter sign-up */
.EpsilonBorder3New
{
	background-color: #A7A9AC;
	height: 1120px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}


/*EG: Used in the past conferences page as is longer than the conferences page, vertically*/
.EpsilonBorder4
{
	background-color: #A7A9AC;
	height: 500px;
	width: 1px;
	vertical-align: top;
}

/*EG: Used in the conferences, past conferences, lobbying & templates page 
(immediately below large title text), events & EU pages  horizontally  */
.EpsilonBorder5
{
	background-color: #A7A9AC;
	height: 1px;
	width: 732px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*EG: Used in the conference, lobbying & templates page left (immediate right of links menu), vertically. 
Should be relative to border7 height as they line up in the conferences page */
.EpsilonBorder6
{
	background-color: #A7A9AC;
	height: 620px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the conferences page, vertically, in centre of the table */
.EpsilonBorder7
{
	background-color: #A7A9AC;
	height: 429px;
	width: 1px;
	vertical-align: top;
}


/*EG: Used in the conferences page, vertically, in centre of the table */
.EpsilonBorder7New
{
	background-color: #A7A9AC;
	height: 397px;
	width: 1px;
	vertical-align: top;
}

/*EG: Used in below the header, horizontally, full page width */
.EpsilonBorder8
{
	background-color: #A7A9AC;
	height: 1px;
	width: 100%;
	vertical-align: top;
	margin-bottom: 8px;
	margin-top: 8px;
}

/*EG: Used in the conference, lobbying & template page below each table cell, horizontally */
.EpsilonBorder11
{
	background-color: #A7A9AC;
	height: 1px;
	width: 100%;
	vertical-align: top;
}

/*EG: Used in the conference, lobbying & template page below each table cell, horizontally */
.EpsilonBorder11New
{
	background-color: #A7A9AC;
	height: 1px;
	width: 99%;
	vertical-align: top;
}

/*EG: Used in the homepage left (immediate right of the link and sign up boxes), vertically, 
should be height of left column*/
.EpsilonBorderHomePageVertical
{
	background-color: #A7A9AC;
	height: 562px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the events management page left (immediate right of links menu), vertically. Should be 
relative to border7longer height as they line up. For two lines of header text */
.EpsilonBorder6Events
{
	background-color: #A7A9AC;
	height: 666px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the eu training page */
.EpsilonBorder6EU
{
	background-color: #A7A9AC;
	height: 700px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the events management page left (immediate right of links menu), vertically. 
Should be relative to border7longer height as they line up. The table is higher. 
NB: will the border height stretch as required if more content is added? */

.EpsilonBorder6Past
{
	background-color: #A7A9AC;
	height: 692px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*EG: Used in the past conferences page left (immediate right of links menu), vertically. */

.EpsilonBorder6Past2
{
	background-color: #A7A9AC;
	height: 734px;
	width: 1px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

/*----------------------------------------------------------------------------------------------------*/
/*EG: Used in the left column of the Epsilon homepage, a blue gradient using a slice */
.EpsilonBack
{
	padding: 5px 0px 0px 0px;
	background-color: #56acdf;
	background-image: url(http://www.epsilonevents.com/Images/gradientslice1.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	width: 255px;
	vertical-align: middle;
	text-align: center;
	height: 190px;
}

/*----------------------------------------------------------------------------------------------------*/
/*EG: Module header bar background styles */
/*EG: Used in the partners box of the lobbying page, & the newsletter box of the homepage */
.EpsilonDarkBlueTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: ;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
}

/*EG: Used for the dark blue title backgrounds where there are two lines of text e.g conferences, 
past conferences, event management, EU Training  */
.EpsilonDarkBlueTitleDouble
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #1e4387;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	color: #ffffff;
	height: 36px;
	border-style: none;
	padding: 0 0 0 0;
}

/*EG: Used in sample page - possibly replace/delete...*/
.EpsilonDarkBlueShortTitle2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #1e4387;
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 140px;
	float: left;
	vertical-align: top;
}

/*EG: Used in sample page - possibly replace/delete...*/
.EpsilonDarkGreenTitle2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #33805F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	margin-left: 10px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 140px;
	float: right;
	vertical-align: top;
}

/*EG: used in the homepagesidebar contact details box */
.EpsilonContactHeader
{
	background-color: #1e4387;
	text-align: left;
	color: #ffffff;
	height: 18px;
	width: 255px;
	padding: 0 0 0 0;
}

/*EG: used in the homepagesidebar partners & client box */
.EpsilonClientHeader
{
	background-color: #00958f;
	text-align: left;
	color: #ffffff;
	height: 18px;
	width: 255px;
	padding: 0 0 0 0;
}

/*EG: Used in the speaker & press boxes in the left column of the homepage*/
.EpsilonGreyTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #CFC9C9;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	color: #1e4387;
	min-height: 18px;
	max-height:36px;
	border-style: none;
}

/*EG: Used fore short blue background headers: in the lobbying, events and EU training page*/
.EpsilonDarkBlueShortTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #1e4387;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 140px;
	float: left;
}

/*EG: Used in the Events Management & EU Training page*/
.EpsilonDarkGreenTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #33805F;
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 140px;
	float: right;
}

/*EG: Used in the conferences & past conferences page*/
.EpsilonDarkGreenTitle3
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #33805F;
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
	margin-right: 15px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 180px;
	float: right;
	margin-top: 12px;
	padding: 0 0 0 0;
}

/*EG: Used in the lobbying in EU page */
.EpsilonDarkGreenTitleLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #33805F;
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 2px;
	color: #ffffff;
	height: 18px;
	border-style: none;
	width: 140px;
	float: left;
}

/*-------------------------------------------------------------------------------------*/
/*EG: Styles for the left hand menu boxes with the buttons in Conferences, Past conferences, event, EU */
/*EG: Text for the orange conference box*/
.EpsilonConferenceBoxText
{
	background-color: Transparent;
	color: White;
	border-bottom: solid 1px #F8CF9F;
	width: 225px;
	padding: 5px;
	font-size: 12px;
}

/*EG: Orange conference box background & layout */
.EpsilonConferenceBox
{
	background-color: #f8b05e;
	color: White;
	width: 249px;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
	height: 100%;
}

/*EG: 2 Link styles within orange conference box*/
.EpsilonConferenceBox a
{
	color: White;
	font-weight: normal;
}

.EpsilonConferenceBox a:hover
{
	color: #DB5F1A;
	font-weight: bold;
}

/*EG: Text for the green EU Training box*/
.EpsilonEUTrainingBoxText
{
	background-color: Transparent;
	color: White;
	border-bottom: solid 1px #C3DFD5;
	width: 225px;
	padding: 5px;
	font-size: 12px;
}

/*EG: Green EU Training box background & layout */
.EpsilonEUTrainingBox
{
	background-color: #8ECFB2;
	color: White;
	width: 249px;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
	height: 100%;
}

/*EG: 2 Link styles within green EU Training box*/
.EpsilonEUTrainingBox a
{
	color: White;
	font-weight: normal;
}

.EpsilonEUTrainingBox a:hover
{
	color: #00958F;
	font-weight: bold;
}

/*EG: Text for the blue Events box*/
.EpsilonEventManagementBoxText
{
	background-color: Transparent;
	color: White;
	border-bottom: solid 1px #CDCECF;
	width: 225px;
	padding: 5px;
	font-size: 12px;
}

/*EG: Blue Events box background & layout */
.EpsilonEventManagementBox
{
	background-color: #9BAECF;
	color: White;
	width: 249px;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
	height: 100%;
}

/*EG: 2 Link styles within blue events box*/
.EpsilonEventManagementBox a
{
	color: White;
	font-weight: normal;
}

.EpsilonEventManagementBox a:hover
{
	color: #1e4387;
	font-weight: bold;
}

/*-------------------------------------------------------------------------------------*/
/*EG: Other box styles*/
/*EG: This is the box used in all the homepage bottom-left boxes */
.EpsilonNewsletterBox
{
	background-color: #ffffff; /*EG: (was #ddffff)E7E7E7 or E3E3E3*/
	width: 254px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 12px;
	vertical-align: top;
	border: solid 1px #1E4387;
	height: 95px;
	margin-bottom: 10px;
}

/*EG: This is the pale blue box, used in the proceedings box in conferences page */
.EpsilonNewsletterBoxConferences
{
	background-color: #ffffff;
	width: 253px;
	text-align: center;
	padding-bottom: 10px;
	vertical-align: middle;
	border: solid 1px #AAACAF;
	height: 142px;
	margin-bottom: 5px;
}

.ImageControl
{
	width: 250px;
}


/*EG: Box for homepage partners and clients module*/
.EpsilonRightColumnBox1
{
	background-color: #ffffff;
	width: 253px;
	padding-top: 1px;
	border: solid 1px #00958f;
	height: 108px;
	vertical-align: middle;
	text-align: center;
	float: right;
}

/*EG: Box for homepage contact details box */
.EpsilonRightColumnBox2
{
	background-color: #ffffff;
	width: 238px;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	border: solid 1px #1e4387;
	height: 165px;
	color: #1e4387;
	vertical-align: top;
	font-size: 8pt;
	float: right;
}

/*EG: Box for left partners column box in lobbying page */
.EpsilonLeftColumnBox
{
	background-color: #ffffff;
	width: 253px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #1e4387;
	height: 152px;
	color: #1e4387;
	vertical-align: top;
	font-size: 10pt;
}

/*EG: Styling for images within the bottom-left homepage boxes.*/
.EpsilonImageRight
{
	position: relative;
}

/*---------------------------------------------------------------------------*/
/*EG: Orange text/title styles */
/*EG: Orange bgcolor title bar for conferences, past conferences, lobbying, events and EU */
.EpsilonOrangeTitle
{
	background-color: #F7931D;
	color: White;
	width: 726px;
	text-align: left;
	padding-left: 10px;
	padding-top: 2px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: Normal;
	height: 18px;
	padding: 0 0 0 0;
}

/*EG: Orange bgcolor title bar for homepage central welcome section */
.EpsilonOrangeTitle2
{
	background-color: #F7931D;
	color: White;
	width: 455px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 1px;
	margin-bottom: 10px;
	padding-top: 1px;
	font-size: 16px;
	font-weight: Normal;
	height: 18px;
}

/*EG: Orange bgcolor for footer */
.EpsilonOrangeFooter
{
	background-color: #F7931D;
	color: White;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
	vertical-align: middle;
}

/*EG: orange text used in the header timebar */
.EpsilonOrangeText
{
	background-color: transparent;
	color: #EF870E;
	font-weight: normal;
	font-size: 9pt;
}

/*EG: orange text used in the header bottom line and the contact details numbers 
sections (as no size specified so takes size of containing element) */
.EpsilonOrangeText2
{
	background-color: transparent;
	color: #EF870E;
	font-weight: normal;
}

/*EG: Orange text used in homepage text body and lobbying text body (to be same size as grey body text) */
.EpsilonOrangeTextSmall
{
	background-color: transparent;
	color: #EF870E;
	font-weight: normal;
	font-size: 12px;
}

/*Orange text used in the conferences, past conferences, events and EU page within the table (shorter width)*/
.EpsilonOrangeTextShorter
{
	background-color: transparent;
	color: #EF870E;
	width: 300px;
	font-size: 11px;
}
/*------------------------------------------------------------------------------------------------------*/
/*EG: Header styles*/
/*EG: Used in past conferences page */
.EpsilonLargeTitleText
{
	background-color: #ffffff;
	color: #4C93AF;
	text-align: left;
	font-size: 40px;
	width: 490px;
	float: left;
}

/*EG: Used in Conferences, lobbying, events, Past conferences, eu training */
.EpsilonLargeTitleText2
{
	background-color: #ffffff;
	color: #4C93AF;
	text-align: left;
	font-size: 40px;
	width: 400px;
	height:50px;
	float: left;
}

/* BR 25/04/09 - used on  the Registration.aspx page.  This is the title style and is generic. */
.EpsilonLightBlue {
	color:#4C93AF;
	font-size:25px;
}

/* BR 25/04/09 - Generic Table style */
.GenericTable { padding-bottom:10px; margin-left:50px; text-align:left; width:500px; }
.GenericTable tr { height:25px; }
/*.TableMuN tr:Hover { background-color:#eeefff; }*/

/*EG: Used in the lobbying & template page */
.EpsilonMediumTitleText
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 20px;
	padding-top: 5px;
	width: 490px;
}

/*EG: Used in the homepage blue subheading */
.EpsilonMediumTitleText2
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 464px;
}

/*EG: Used in the dark blue subheadings in the tables in Conferences, 
past Conferences, event management, EU Training*/
.EpsilonMediumTitleText3
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 20px;
}

/*EG: used for the thrid, small lighter blue heading styles the tables in Conferences, 
past Conferences, event management, EU Training */
.EpsilonSmallTitleText1
{
	background-color: transparent;
	color: #4C93AF;
	text-align: left;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 270px;
	font-weight: bold;
	float: left;
}

/*----------------------------------------------------------------------------*/
/*EG: Main grey text body stylings */
/*EG: Used in the grey text content throughout the site -homepage */
.EpsilonGreyText
{
	color: #777A7F;
	text-align: left;
	font-size: 12px;
}

/*EG Used in the table within conferences, past confereces, events and EU*/
.EpsilonGreyTextSmall
{
	color: #777A7F;
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*EG: Used in the bar links between the header text*/
.EpsilonGreyText2
{
	color: #AFAFAF;
	font-size: 14px;
}

/*EG: Used in the time bar text */
.EpsilonGreyText3
{
	color: #AFAFAF;
	font-size: 12px;
}

/*EG: Used in the contact form*/
.txtGray
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

/*EG: Used in the contact form and for red text throughout */
.txtRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

/*EG: The normal, default paragraph text can be used in the site text body instead of "EpsilonGreyText".
Mainly created for the RADEditor useability*/
.p
{
	color: #777A7F;
	text-align: left;
	font-size: 12px;
}


/*---------------------------------------------------------------------------*/
/*EG: Arrow styles for Epsilon navigation arrows on headers*/
/*EG: Floats the text left of the header*/
.EpsilonArrowStyles1
{
	float: left;
}

/*EG: Floats the arrow right with small right padding*/
.EpsilonArrowStyles2
{
	float: right;
	padding-right: 5px;
}

/*------------------------------------------------------------------------------*/
/*EG: Grid styles*/
/*EG: The following 3 styles are used to display the news grids (both in admin and not) */
.EpsilonGridHeader
{
	background-color: #afafaf;
	color: #ffffff;
	font-size: inherit;
}

.EpsilonGridItem
{
	background-color: #ffcb8f;
}

.EpsilonAltGridItem
{
	background-color: #c3cedf;
}

/*EG: 3 grid styles for the rad control*/
.GridHeader
{
	background-color: #afafaf;
	color: #ffffff;
	font-size: inherit;
}

.GridRow
{
	background-color: #ffcb8f;
}

.GridAlternatingRowStyle
{
	background-color: #c3cedf;
}

/*--------------------------------------------*/
/*EG: Custom Epsilon Editing Styles*/



/*EG: Dark blue background, white text */
.EpsilonDarkBlueBackground
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #1e4387;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #ffffff;
	height: 18px;
	border-style: none;
	 display:block;
	 margin-right:-2px;
}

/*EG: Dark green background, white text */
.EpsilonDarkGreenBackground
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	background-color: #33805F;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #ffffff;
	height: 18px;
	border-style: none;
}

.EpsilonSmallTitleText
{
	background-color: transparent;
	color: #4C93AF;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	clear: left;
}

.EpsilonMediumHeaderText
{
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 20px;
}

.EpsilonLargeHeaderText
{
	background-color: #ffffff;
	color: #4C93AF;
	text-align: left;
	font-size: 40px;
}

/*EG: Used in the grey text content throughout the site -homepage */
.EpsilonGreyText
{
	color: #777A7F;
	text-align: left;
	font-size: 12px;
}

/*EG: orange text used in the header timebar */
.EpsilonOrangeText
{
	background-color: transparent;
	color: #EF870E;
	font-weight: normal;
	font-size: 9pt;
}

.EpsilonWarningText
{
	font-size: small;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}


/*
	Generic style to match the styling for <a> tags but with a larger font.
	This is intended to be used in titles that include links (<a> tags).
*/
a.EpsilonSmallTitleLink {
	background-color: transparent;
	color: #1e4387;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	clear: left;
}
a.EpsilonSmallTitleLink:Hover { text-decoration: none; color: #33805F; border: none; }
