@media screen {
/*FOR SCREEN ********************************************************* */
    /*  Establish general layout parameters */
/* POSITIONING
-------------------------------------------------------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #545454;
    background: #fff url(../interface/bg.gif) repeat;
    text-align: center;
    margin:0px;
    padding:0px;
}

h1,h2,h3,h4,h5,h6,h7{
    font-family: "Gill Sans",Geneva, Arial, Helvetica, sans-serif;
}

#anyblock div { border: 1px solid #ff0000; }

#maincontainer {
    position:relative;
    display:block;
    text-align: left;
    /*background: transparent url(../interface/containerbg.gif) repeat;*/
    background-color:#eef6f8;
    color: inherit;
    width: 740px;
    height: 100%;
    margin: 4px auto;
    padding: 0px;
    border: 1px solid #999999;
    }


#homecontainer {
    position:relative;
    display: block;
    background: transparent url(../interface/containerbg.gif) repeat;
    width: 740px;
    height: 100%;
    margin:0px auto;
    padding: 0px;
    border: 0px;
    }

#thecontainer {
    position:relative;
    display: block;
/*    background: transparent url(../interface/containerbg2.gif) repeat;*/
    width: 740px;
    height: 100%;
    margin:0px auto;
    padding: 0px;
    border: 0px;
    }
/*#sectionlogin #homecontainer, #sectionlogin #thecontainer {
    background: transparent;
    background-image: none;
}
*/
/*--------------- page header, branding and main navigation -----------------*/

#pageheader {
    position:relative;
    display:block;
    background: transparent url(../interface/branding/eurobg.jpg) top;
    height:100px;
    padding:0px;
    color:#f7f7f7;
    background-color: inherit;
    width:740px;
    margin:0px;
    }

#logo {
    display:block;
    float:left;
    height: 100px;
    /*background: transparent;*/
    width: 181px;
    border-bottom:0px;
    background-image:url(../interface/branding/eurolink.gif);
    
    }

#utilitybar {
    position:relative;
    display:block;
    background: transparent;
    height:66px;
    line-height:2em;
    padding:0px;
    color:#f7f7f7;
    background-color: inherit;
    vertical-align:middle;
    margin:0px;
    border: 0px;
    }

#tools {
    position:relative;
    display:block;
    height:26px;
    padding:0px;
    color:#f7f7f7;
    vertical-align:middle;
    width:359px;
    margin:0px;
    float:left;
    }

#utilitynav {
    position:relative;
    display:block;
    float: right;
    height:40px;
    padding:2px 6px 6px 6px;
    color:#f7f7f7;
    background-color: inherit;
    text-align:right;
    vertical-align:middle;
    width:500px;
    margin:0px;
    border: 0px;
    }

body#sectionone #graphic{background:transparent url(../interface/branding/1.jpg) top ;}
body#sectiontwo #graphic{background:transparent url(../interface/branding/2.jpg) top ;}
body#sectionthree #graphic{background:transparent url(../interface/branding/3.jpg) top ;}
body#sectionfour #graphic{background:transparent url(../interface/branding/4.jpg) top ;}
body#sectionfive #graphic{background:transparent url(../interface/branding/5.jpg) top ;}

#breadcrumbs {
    width:500px;
    text-align:right;
    padding:0px 0px;
    margin: 0px;
    height: 2em;
    font:bold 100% Geneva, Arial, Helvetica, sans-serif;
    clear:both;
}

#homepagecontainer {
    position:relative;
    display: block;
   /* background: transparent url(../interface/containerbg.gif) repeat;*/
   background-color:#EEF6F8;
    width: 740px;
    height: 100%;
    padding: 0px;
    margin:0px;
    border: 0px;
}

#pagecontainer {
    position:relative;
    display: block;
    /*background: transparent url(../interface/containerbg2.gif) repeat-y;*/
    background-color:#EEF6F8;
    width: 740px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px solid #0000ff;
}

#pagepanel1 {
    position:relative;
    display: block;
    background: #dadcd5;
    height: auto;
    float: left;
    padding: 0px;
    margin:0px;
    border: 0px solid;
    width: 200px;
}
#homemaincontent,
#sectionzero #componentbody {
    position:relative;
    display: block;
    clear: none;
    background: transparent;
    background-image:none;
    text-align:left;
    height: 100%;
    padding:0px 0px 10px 0px;
    margin:0px;
}

#pagepanel2 {
    position:relative;
    display: block;
    background:transparent;
    height: auto;
    width:500px;
    float: left;
    margin:10px 0px 10px 10px;
    padding:10px 0px 10px 10px;
    border: 0px solid;
}

#homepageproductlinks{
    padding-top:8px;
    border:0px solid;
    display:block;
    width:218px;
    float:right;
}

#loginpanel {
  position:relative;
  display: block;
  float: left;
  width: 240px;
  margin: 0px;
  border: 0px solid;
  font-size:90%;
}

#loginpanel a{
 	font-weight:bold;
    font-size:110%;
}


#loginpanel label{
    font-weight:bold;
    font-size:110%;
}
#loginpanel #questionlist{
    width: 235px;
}
#sectionlogin #loginpanel{
  border:none;
  float:left;
}
#sectionlogin #loginpanel fieldset{
    border: #660033 1px solid;
    background: transparent;
}
#sectionlogin #loginpanel legend{
    color: #009999;
}

#maincontent {
    position:relative;
    display: block;
    float: right;
    clear: none;
    background: transparent;
    height: 100%;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 6px;
    padding-top: 10px;
    margin:0px;
    width: 500px;
    border: 0px solid #00ff00;;
}

#heightfix{
  float: none;
  background: transparent;
  width: 1px;
  height:380px;
  border: 0px;
  margin: 0px;
  padding: 0px;

}

#sectionlogin #heightfix{
    display:none;
}
#homepageimage1 {
  border:0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#homepageimage2 {
  float: right;
  padding: 10px;
}


#accountlist ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#accountlist ul li{
    list-style-type: none;
    background-repeat: no-repeat;
    padding-bottom:7px;
}
#accountlist ul li a{

    background-image: url(../interface/bullets/green_bullet.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size:110%;
    font-weight:bold;
}


/* TEXT ELEMENTS
-------------------------------------------------------------------------*/
h1 {
    font-size: 18px;
    color: #CC3366;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
    font-weight:normal;
}
h2 {
    font-size: 140%;
    color: #993366;
    font-weight: bold;
    margin-top: 1px;
    margin-bottom: 2px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
h2 strong {
    color: #993366;
    font-family: Tahoma;
    font-weight: bold;
    }

h3 {
    padding-top:10px;
    font-size:140%;
    color:#009999;
    font-family:  Arial, Helvetica, sans-serif;
    color: #660033;
    margin-bottom: 2px;
}
h4, h5, h6 {
    font-size: 120%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #ff9900;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    padding:0px;
}

p{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height:1.4em;
    text-align:justify;
    color: #545454;
    padding:0px 10px 0px 0px;
    }


#maincontent ul{
    list-style:url(../interface/icons/bullet.gif) outside square
}


#maincontent ol{
    font: 100% bold Arial, Helvetica, sans-serif;
}
#breadcrumbs span{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color:#999999;
    background-color: inherit;
    font-weight:bold;
    padding-right:15px;
}

#homesubcontent p{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height:1.2em;
    text-align:left;
    color: #545454;
    padding:0px;
    margin:0px;
}

/*

#maincontent img, #homemaincontent img{
    float:left;
    margin:0px 10px;
    border:1px solid #eee;
    padding:5px;
}

*/


#homesubcontent img{
    float:left;
    margin:0px 2px;
    border:1px solid #eee;
    padding:5px;
}
p.snippet{
    background:transparent;
    display:block;
    height:auto;
    min-height:70px;
}

#currentattraction{
    background:#E3E3CD;
}
span.errormsg{
    color: #971b3c;
    font-weight: bolder;
    clear: both;
    display: block;
}

/* FOOTER
-------------------------------------------------------------------------*/

#footerseparator {
  position:relative;
  display:block;
  width: 740px;
  height: 14px;
  /*background: #971b3c url(../interface/branding/footer_separator.gif) repeat-y top left;*/
  background-color:#acc4c8;
  padding: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #630000;
  border-bottom: 1px solid #630000;
  clear:both;
}

#footer {
    background:transparent;
    position:relative;
    margin:0px auto;
    padding-bottom:5px;
    padding-top:10px;
    margin-bottom:0px;
    width: 740px;
    text-align: center;
    clear:both;
}

#mainfooternav {
    background: #ffffff;
    position:relative;
    margin:0px;
    border:0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom:5px;
    padding-right:5px;
    margin-bottom:0px;
    width: 735px;
    text-align: right;
    clear:both;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
}

#mainfooternav a,
#footernavigation a
{
    font-size: 10px;
    color: #666;
}

#mainfooternav a:hover,
#footernavigation a:hover
{
    text-decoration:underline;
}
#footernavigation {
    background: #eef6f8;
    position:relative;
    margin:0px;
    border:0px;
    padding: 0px;
    padding-top: 4px;
    padding-bottom:6px;
    padding-right:5px;
    margin-bottom:0px;
    width: 735px;
    text-align: right;
    clear:both;
    color: #666;
}

.footerText {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
}

#footer a:link, #footer a:visited, #footer a:active  {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

/* UTILITY BAR
-------------------------------------------------------------------------*/
#utilitynav ul {
  margin-top:6px;
  list-style-type: none;
}

#utilitynav li{
  display:inline;
}

#utilitynav ul li a{
    padding: 2px 5px 2px 20px;
    vertical-align:middle;
    display:inline;
    margin-top:2px;
}

#utilitynav #help
{
    background: transparent url(../interface/functionmenu/help.gif) top left no-repeat ;
    padding:-1px 0px 5px 20px;
}

#utilitynav #login
{
    background: transparent url(../interface/functionmenu/login.gif) top left no-repeat ;    
}

#utilitynav #logout
{
    background: transparent url(../interface/functionmenu/logout.gif) top left no-repeat ;   
}

#utilitynav #account
{
    background: transparent url(../interface/functionmenu/account.gif) top left no-repeat ;
}


#utilitybar li #generaltheme {
  display:none;
  }

 #utilitybar span,#utilitybar span a {
  font:11px Arial, Helvetica, sans-serif;
  }





/* SUB NAVIGATION
-------------------------------------------------------------------------*/

#subcontent {
  float: left;
  clear: none;
  background:transparent;
  height: auto;
  border: 0px solid #ffff00;
  margin: 0px;
  padding: 2px;
  margin-top:4px;
  width: 190px;
  margin-left:0px;
}

#subcontent ul {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    float: left;
    background:transparent;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    }

#subcontent ul li {
    display: block;
    float: right;
    padding: 0;
    margin: 0;
    width:196px;
    }
#subcontent ul li li,
#subcontent ul li li li{
    width:196px;
}

/* ************menu item link ************ */
#subcontent ul li a{
    text-align:right;
    background: #f3f3f3 url(../interface/mainmenu/bg.gif) top left no-repeat;
    width: 180px;
    height: 28px;
    line-height: 2em;
    border: 0px solid #ff0000;
    padding: 0px 16px 0px 0px;
    margin: 0px;
    display: block;
    color: #009999;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    border: #dbdbdb 1px solid;
    border-top: #fff 1px solid;
    border-right: none;
    min-height: 28px;
    height: auto;
    }
#subcontent ul li a.selected,
#subcontent ul li a:hover.selected{
    background: #eaeaea url(../interface/mainmenu/bg1_selected.gif) top left no-repeat;
}
#subcontent ul li a.emptyselected,
#subcontent ul li a:hover.emptyselected{
    background: #eaeaea url(../interface/mainmenu/bg1_selected_empty.gif) top left no-repeat;
}
/* ************rollover state for menu item link************ */
#subcontent ul li a:hover {
    color: #000;
    background: #f3f3f3 url(../interface/mainmenu/bg.gif) top left no-repeat;
}

#subcontent a:hover {
    color: #000033;
    background: #f7f7f7;
    }
/* ************state for menu item active link ************ */
#subcontent a:active    {
    background: #f7f7f7;
    color: #ababab;
    color: red;
    }

/* ************sub menu item link************ */
#subcontent ul li li a{
    background: transparent url(../interface/mainmenu/bg5.gif) top left no-repeat ;
    width: 172px;
    height: 26px;
    line-height: 2.5em;
    border: 0px solid #ababab;
    padding: 0px 24px 0px 0px;
    margin: 0px;
    display: block;
    color:#016D6D;
    font-style:normal;
    font-size: 85%;
    min-height: 26px;
    height: auto;
    border: #cacaca 1px solid;
    border-top: #ededed 1px solid;
    border-right: #dcdcda 1px solid;
    }
#subcontent ul li a span{
    margin-right: 7px;
}
#subcontent ul li li a.selected,
#subcontent ul li li a:hover.selected,
#subcontent ul li li a.emptyselected,
#subcontent ul li li a:hover.emptyselected{
    background: transparent url(../interface/mainmenu/bg5.gif) top left no-repeat;
}
/* ************rollover state for sub menu item link************ */
#subcontent ul li li a:hover {
    color: #000;
    background: transparent url(../interface/mainmenu/bg5.gif) top left no-repeat;
    }
#subcontent ul li li a span{
    margin-right: 10px;
}
/* ************sub sub menu item link************ */
#subcontent ul li li li a,
#subcontent ul li li li a:hover,
#subcontent ul li li li a.selected,
#subcontent ul li li li a:hover.selected,
#subcontent ul li li li a.emptyselected,
#subcontent ul li li li a:hover.emptyselected{
    background: transparent url(../interface/mainmenu/bg6.gif) top left no-repeat;
    background-color: inherit;
    color: #000000;
    padding: 0px;
    margin: 0px;
    width:196px;
}
#subcontent ul li li li a span{
    margin-right: 50px;
}
#subcontent ul li li li a:hover{
    color: #000;
}


#emptymenu {
    visibility: hidden;
    display: none;
}

/* NAVIGATION
-------------------------------------------------------------------------*/
#navigation {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  position:relative;
  display:block;
  float:right;
  width:540px;
  /* background:#fff url(../interface/nav/navbg.gif) repeat-x bottom; */
  background: transparent;
  line-height:normal;
  vertical-align: bottom;
}

*>html #navigation li{
    font-size:100%;
}

#navigation ul {
  margin:0;
  float:right;
  padding:10px 0px 0;
  list-style:none;
  }
#navigation li {
  display:inline;
  margin:0;
  padding:0;
  }
#navigation a {
  float:left;
  width:.1em;
  background:url(../interface/nav/left_both.gif) no-repeat left top;
  color: #006666;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
      }
#navigation > ul a {width:auto;}

#navigation a span {
  float:left;
  display:block;
  background:url(../interface/nav/right_both.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color: #006666;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation  a span {float:none;}
    /* End IE5-Mac hack */
    #navigation  a:hover span {
      color: #cc3366; /* #1b22aa; */
      }

body#sectionzero #navigation #tabhome a,
body#section1 #navigation #tab1 a,
body#section2 #navigation #tab2 a,
body#section3 #navigation #tab3 a,
body#section4 #navigation #tab4 a,
body#section5 #navigation #tab5 a,
body#section14 #navigation #tab14 a{

  background-position:0% 0px;
    voice-family:"\"}\"";
    voice-family:inherit;
  background-position:0% -150px;
  border-width:0;
  }
body#sectionzero #navigation #tabhome a span,
body#section1 #navigation #tab1 a span,
body#section2 #navigation #tab2 a span,
body#section3 #navigation #tab3 a span,
body#section4 #navigation #tab4 a span,
body#section5 #navigation #tab5 a span,
body#section14 #navigation #tab14 a span{
  background-position:100% -150px;
  padding-bottom:5px;
  color:#000033;
  }
#navigation a:hover {
  background-position:0% -150px;

  }
#navigation a:hover span {
  background-position:100% -150px;

  }


/* JAVASCRIPT GALLERY
-------------------------------------------------------------------------*/

#componentgallery{
    width:455px;
}
#galleryimagename{
    width:455px;
    font-size:140%;
    font-weight:bold;
    color:#009999;
    padding-top:15px;
    padding-bottom:10px;
}
#galleryimagediv{
    width:455px;
    margin-bottom:10px;
}
#galleryimage{
    margin:0px 10px;
    border:1px solid #eee;
    padding:5px;
    }
#galleryimagecaption{
    width:410px;
    padding-left:10px;
}
/* The gallery controls
-------------------------------------------------------------------------*/
#gallerybuttons{
    width:420px;
    text-align:center;
    margin-top:20px;
}
#galleryback{
    width:30px;
    float:left;
    padding-left:125px;
}
#gallerycounter{
    width:75px;
    float:left;
    padding:0px;
    display:inline;
    color:#009999;
    font-size:110%;
    font-weight:bold;
    padding-top:8px;
    text-align:center;
}

html>body #gallerycounter{
    padding-left:22px;
}
#galleryforward{
    width:30px;
    float:right;
    padding-right:125px;

}

/*  FORM ELEMENTS NOT SPECIFIED WITH ID OR CLASS
-------------------------------------------------------------------------*/
fieldset{
    background:#f7f7f7;
    font:100%/1.3em Arial, Helvetica, sans-serif;
    border:1px solid #D89E33;
    height:400px;
    width:100%;
    padding:5px 10px;
}

fieldset#login, fieldset#secinfo{
    height:auto;
}
legend{
    font:100%/1.3em Arial, Helvetica, sans-serif;
    color:#1b22aa;
}

input{
       display:block;
       width:300px;
       border:1px solid #999;
       margin:5px 0px;
       background-color:white;
}


input[type="hidden"]{
    display:none;
}
input[name="searchterm"]{
    width:200px;
}
select{
    display:block;
    width:40px;
    border:1px solid #999;
    margin:4px 0px;
}
label{
    font:bold 100%/1.3em Arial, Helvetica, sans-serif;
    color:#1b22aa;
    display:block;
    width: 160px;
}

input.btn{
   clear:both;
   display:inline;
   color:#D89E33;
   font-family: arial,helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#fff;
   border:1px solid #4A7193;
   margin:4px 0px;
   padding:2px;
   cursor: pointer;
}

input.inp{
   clear:both;
   display:inline;
   color:#D89E33;
   font-family: arial,helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#fff;
   border:1px solid;
   border-top-color:#4A7193;
   border-left-color:#4A7193;
   border-right-color:#4D4D51;
   border-bottom-color:#4D4D51;
   width: 150px;
   margin:4px 0px;
   padding:2px;
   cursor: pointer;
}

.loginpanel {
   border: 3px #eef6f8 solid;
   margin: 0px;
   padding:4px 4px 4px 4px;
   background-color:#acc4c8;
}

.loginpanel label{
   clear: both;
   color:#6c6c6c;
   display: inline;
   padding-top: 8px;
   border: 0px;
   font:bold 100%/1.3em Arial, Helvetica, sans-serif;
}

.loginpanel input{
   display:inline;
   width:140px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   background: #ffffff;
   border: 1px inset #999;
   margin: 0px;
   padding: 2px;
}

.loginpanel input.pass{
   display: inline;
   width: 140px;
   background: #ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight:bold;
   margin: 0px 1px 0px 0px;
   border: 1px inset #999;
   padding: 2px;
}

.loginpanel input.btn{
   display: inline;
   width: 60px;
   background: #009999;
   color:#ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight: bold;
   margin: 0px 0px 0px 1px;
   border: 1px solid #006666;
   padding: 1px;
   cursor: pointer;
}
.loginpanel select{
    display:inline;
    width:145px;
    border:1px inset #999;
    margin:4px 0px;
}

.outerLoginPanel
{
position:relative;
width:240px;
background-color:white;
border:2px #acc4c8 solid;

}
.searchpanel input{
   display:inline;
   width: 30px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   background: #ffffff;
   border: 1px inset #999;
   margin: 0px;
   padding: 2px;
}
.searchpanel input[type="checkbox"]{
    border: none;
    background: transparent;
}
.searchpanel input.btn{
   display: inline;
   width: 100px;
   background: #009999;
   color:#ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight: bold;
   margin: 0px 0px 0px 1px;
   border: 1px solid #006666;
   padding: 1px;
   cursor: pointer;
}

.searchpanel input[type="hidden"]{
    display:none;
}


/* News and NewsItems
-------------------------------------------------------------------------*/

#newsItemHeader h1,
#newscomponentlist h4{
    width:400px;
    float:left;
    clear:right;
    display:block;
    margin-bottom:0px;
}

#publicationDate{
    width:80px;
    text-align:right;
    float: right;
    display:block;
    padding-right:10px;
    height:10px;
    padding-top:6px;
}

#componentbody #newsdesc{
    margin-bottom:20px;
}
#newscomponentlist #shortSummary{
    clear:both;
    font-size:1.1em;
    font-weight:bold;
    padding-bottom:15px;
    display:block;
    padding-right:8px;
}

#newscomponentlist #shortSummary{
    font-weight:normal;
    font-size:1.0em;
    padding-top:0px;
}

#newsItemHeader #publicationDate{
    display:block;
    padding-top:8px;
}

#newsItemHeader{
    padding-bottom:40px;
}

#newsItemShortSummary{
    font-weight:bold;
    padding-bottom:3px;
}

#newsresborder{
    border:1px solid #E5E7E2 ;
    margin-right:5px;
    padding:10px;
}

#newsresborder p{
    display:block;
    margin-top:-3px;
    padding-left:2px;
}

/* GENERAL
-------------------------------------------------------------------------*/
.hide, p.hide {
    visibility: hidden;
    display: none;
}

.fix {
    clear: both;
}

.ahem {
    display:    none;
    }

.inline {
    display: inline;
    }
img{
    border:0px;
}
.right{
    float:right;
}
.left{
    float:left;
}

/* Modules listing page
-------------------------------------------------------------------------*/
.modulecost{
    float:left;
}
#cmpviewcontents #cmplist h3{
    padding-top:10px;
    color:#009999;
}
#section3 #componentdesc{
    padding-bottom:20px;
}
#section3 .componentresources{
    border:1px solid #E5E7E2;
    padding:10px 10px;
    margin-bottom:30px;
    margin-right:10px;
    display:block;
    height:auto;
}
#section3 .componentresources h4{
    color:#009999;
    margin:0px;
    padding:0px;
}
#section3 #crpanel{
    display:block;
    height:38px;
}
#section3 .componentresources #caseresourcelink{
    background:transparent; 
    height:34px;
    width:154px;
    display:inline;
    text-align:center;
    padding-top:6px;
    margin: 1px 1px 1px 1px;
    float:right;
}
#section3 .componentresources #caseresourcelink a{
    font-weight:bold;
}
#section3 .componentresources div p{
    width: 305px;
}
#section3 #edittestlink{
    /*font-weight: bold;
    padding: 0px 0px 0px 44px;
    margin: 0px;
    display: block;
    height: 20px;*/
}

/* Modules details page
-------------------------------------------------------------------------*/
#section3 #cmpviewcontents #cmplist h3{
    padding-top:10px;
    color:#009999;
}
#section3 .componentresources p{
    padding-top:0px;
    padding-left:1px;
    margin-top:0px;
    float: left;
}
/*#section3 .componentresources .productname{
    color: black;
    background-color: inherit;
}*/
#section3 #caseset .componentresources{
    border: none;
    padding: 0px;
    margin: 0px;
    clear: both;
}
#section3 #caseset #cmpresdetails h4{
    padding-left: 8px;
    margin-left: 2px;
    height: 40px;
    font-size: 100%;
    clear: right;
    padding-left: 38px;
    /*IE only*/
    *padding-left: 8px;
}

#section3 #caseset #cmpresdetails p{
	clear: both;
	width: 400px;
}
html>body #section3 #caseset #cmpresdetails p{
    width: 430px;
}

/*#section3 #caseset #restype1 #cmpresdetails h4{
    background:transparent url('../interface/viewtype/c_megaviewer.gif') top left no-repeat;
}
#section3 #caseset #restype2 #cmpresdetails h4{
    background:transparent url('../interface/viewtype/c_pathstream.gif') top left no-repeat;
}*/
#section3 .componentresources #restype3{
    margin-top: 30px;
    *margin-top: 22px;
}
#section3 .componentresources #embeddedresource,
#section3 .componentresources #otherresource,
#section3 .componentresources #megaviewer1,
#section3 .componentresources #megaviewer2,
#section3 .componentresources #pathstream1,
#section3 .componentresources #aperio{
    padding:0px 0px 0px 28px;
    margin: -30px 0px 20px 0px;
    display: block;
    height: 10px;
    width: 90%;
}
html>body#section3 .componentresources #embeddedresource,
html>body#section3 .componentresources #otherresource,
html>body#section3 .componentresources #megaviewer1,
html>body#section3 .componentresources #megaviewer2,
html>body#section3 .componentresources #pathstream1,
html>body#section3 .componentresources #aperio{
    min-height: 10px;
    height: auto;
}
#section3 .componentresources #embeddedresource{
    padding-left: 40px;
    *padding-top: 5px;
}
#section3 .componentresources #pathstream2{
    padding:0px 0px 0px 28px;
    margin: -18px 0px 20px 0px;
}
#section3 #caseset .componentresources a{
    display: block;
    /*padding: 0px 0px 0px 28px;
    margin: 0px 0px 0px 60px;*/
    height: 24px;
}
#section3 .componentresources a.nonotes{
    background: transparent url('../interface/viewtype/megaviewer1.gif') top left no-repeat;
}
#section3 .componentresources a.withnotes{
    background: transparent url('../interface/viewtype/megaviewer2.gif') top left no-repeat;
}
#section3 #pathstream1 a{
    background: transparent url('../interface/viewtype/video1.gif') top left no-repeat;
}
#section3 #pathstream2 a{
    background: transparent url('../interface/viewtype/video2.gif') top left no-repeat;
}
#section3 p.resdesc{
    padding: 0px;
    margin: -10px 0px 10px 35px;
}
.resthumbnail{
    /*height: 42px;
    width: 42px;*/
    float: left;
    margin-top: -5px;
}
a.prevcase{
    margin-right: 8px;
}
a.nextcase{
    margin-left: 8px;
}
#section3 #caseset .componentresources a:hover{
    color: #cc3366;
    background-color: inherit;
}
#section3 .casesetlisting{
    height: 50px;
}
#section3 p.casesetlistingp{
    width: 300px;
}

/* Credit management page
-------------------------------------------------------------------------*/
.credamount{
    font-weight: bold;
}

/* LINKS
-------------------------------------------------------------------------*/
a:link, a:active {
    color: #009999;
    text-decoration: none;
    }
a:visited {
    color: #006666;
    text-decoration:none;
    }
a:hover {
    color: #000033;
    text-decoration: none;
    }
a:focus {
    outline: none;
/*    -moz-outline:none;*/
    }

/* SEARCH PAGE
-------------------------------------------------------------------------*/
/*#sectionsearch #searchcontents,
#sectionsearch form*/

#sectionsearch form fieldset{
    width: 95%;
    border: #660033 1px solid;
    background: transparent;
    height: 80px;
    }
html>body #sectionsearch form fieldset{
    background: #ff0000;
    min-height: 60px;
    height: auto;
    }


/* SEARCH PART OF COMPONENTS
-------------------------------------------------------------------------*/
#componentnav{
    background:transparent;
    display:block;
    position:relative;
    float:right;
    width:400px;
    margin-bottom:15px;
    text-align:left;
}

#componentsearch{
    background:transparent;
    display:block;
    position:relative;
    padding-right:10px;
    text-align:left;
}

#searchlabel{
    float:left;
    display:block;
    text-align:left;
    color:#8D8D8D;
}

#componentsearch .inp{
    float:left;
}

#componentsearch #clearsearch,
#componentsearch #search{
    width:80px;
    margin-top:18px;
    margin-left:3px;
    clear:none;
    position:relative;
    color:#8D8D8D;
    border:1px solid #8D8D8D;
}
#searchterm{
    width:195px;
    border:1px solid #8D8D8D;
    margin:5px 0px;
    float:right;
    color:#8D8D8D;
}
#componentsearch #search{
    margin-left:38px;
}
#componentpagesize{
    background:transparent;
    display:block;
    position:relative;
    float:right;
    width:200px;
    text-align:right;
    color:#8D8D8D;
}

#componentpagesize label{
    color:#8D8D8D;
    text-align:right;
    float:right;
    padding-bottom:5px;
    padding-right:32px;
}
#componentpagesize #pagesize{
    width:50px;
    color:#8D8D8D;
    float:right;
    background:transparent;
    margin-right:32px;
}
#componentpaging{
    font-weight:normal;
    background:transparent;
    display:block;
    position:relative;
    float:right;
    width:auto;
    text-align:right;
    color:#8D8D8D;
    padding-top:15px;
    padding-right:32px;
}

/* GLOSSARY
-----------------------------------------------------------------------------*/
#glossaryalpha{
    font-size:110%;
    font-weight:bold;
    text-align:right;
    margin-top:-19px;
    margin-bottom:40px;
}

#section14 #componentbody{
    padding-right:5px;
}
#section14 #componentbody h3{
    padding-top:30px;
}

#section14 #cmplist h4{
    clear:both;
    color:#009999;
    }
#section14 #cmplist  .componentresources h4 a{
    color:#545454;
    margin-top:3px;
    }

#section14 #cmplist  .componentresources p{
    color:#545454;
    margin:0px;
    margin-bottom:15px;
    padding-left:1px;
}

#section14 #componentsearch{
    padding-left:15px;
}
#section14 #componentresource{
    clear:both;
    margin-top:10px;
    float:left;
}

/* SITEMAP
--------------------------------------------------------*/

#sectionsitemap ul{
    list-style:url() none;
    line-height: 173%;
    z-index: 1;
}
#sectionsitemap p       {line-height: 165%;}
#sectionsitemap p span {font-size: 10px; color: #333;}
.sitemap    {
        z-index: 2;
        padding: 0; margin: 50px 0 0 70px;
        font-family: Arial, Helvetica, Sans-Serif;
        overflow: visible;
        }

.sitemap ul {
        display: block;
        list-style: none;
        margin: -18px 0; padding: 0;
        border: 0;
        }

/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .sitemap ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.sitemap ul li  {
            position: relative; top: -1px; left: -11px;
            margin: 10px 0 5px 0; padding: 0;
            border: 0;
            voice-family: "\"}\""; /* Gecko Stuff follows */
            margin: 10px 0 5px 10px;
            }

/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .sitemap ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.sitemap a, .sitemap a:visited {
                width: 18.4em; height: 2em;
                display: block;
                margin: 0 0 0 3px; padding: 1px;
                font-weight: bold; font-size: 110%; line-height: 2em;
                text-indent: 0.4em; text-align: left; text-decoration: none;
                cursor: pointer;
                voice-family: "\"}\"";
                margin: 0 0 0 -10px;
                }

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap a, html + body .sitemap a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.sitemap ul ul {
            padding: 20px 0 18px 0;
            background: none;
            position: relative; top: -1px;
            }

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul ul {position: relative; top: 0px; left: 0px;}

.sitemap ul li li   {
            position: relative; top: 0px; left: 10px;
            margin: 10px 0 5px 1px; padding: 0 0 0 25px;
            voice-family: "\"}\"";
            left: 0px;
            }

/* HACK >>> IE 5  */
html + body .sitemap ul li li {left: 22px;}

.sitemap ul li .sub-sub {
            left: 10px;
            margin: 10px 0 0 1px;
            voice-family: "\"}\"";
            position: relative; top: 0px;
            left: 0px;
            }

/* HACK >>> IE 5  */
html + body .sitemap ul li .sub-sub {left: 22px;}

.sitemap ul ul a, .sitemap ul ul a:visited  {
                    width: 15.9em;
                    height: 1.8em;
                    margin: 0;
                    font-size: 110%;
                    line-height: 1.8em;
                    font-weight: normal;
                    text-indent: 0.3em;
                    }

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul ul a, html + body .sitemap ul ul a:visited {position: relative; top: 0px; left: -5px;}




.sitemap ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}
.sitemap ul li li li    {
            position: relative;
            top: 3px;
            left: 0px;
            margin: 0px 0 5px 0;
            padding: 0 0 0 20px;
            }


/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .sitemap ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul li li li {top: 18px;}

.sitemap ul ul ul a, .sitemap ul ul a:visited   {
                    width: 13.1em;
                    height: 1.8em;
                    margin: 0;
                    font-size: 110%;
                    line-height: 1.8em;
                    font-weight: normal;
                    text-indent: 0.3em;
                    }



/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap ul ul a, html + body .sitemap ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .sitemap ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }

/* ### Global Settings >>> colors, borders and images  ### */
.sitemap    { border: 0; border-left: 1px solid #BBBBBB; }
.sitemap ul li li   {color: #000; background-color: inherit; background:  url("../interface/sitemap/line.gif") left center no-repeat;}
.sitemap ul ul ul {border-left: 1px solid #BBBBBB; }
.sitemap ul li .sub-sub {background:  url("../interface/sitemap/line.gif") top left no-repeat;}
.sitemap a, .sitemap a:visited  {color: #4F4F4F;background-color: inherit;}
.sitemap a:active, .sitemap a:hover, .sitemap a:focus,  a:focus .sffocus    {color: #000;background-color: inherit;}
.sitemap ul ul a, .sitemap ul ul a:visited  {color: #4F4F4F;}
.sitemap ul ul a:active, .sitemap ul ul a:hover, .sitemap ul ul a:focus {color: #000;background-color: inherit;}


/* inner box styling */
/* Level 1 */
.sitemap ul li .ro {display: block; width: 100%; background: url("../interface/sitemap/ro-01.gif") top right no-repeat;}
.sitemap ul li .lo {display: block; width: 100%; background: url("../interface/sitemap/lo-01.gif") top left no-repeat;}
.sitemap ul li .ru {display: block; width: 100%; background: url("../interface/sitemap/ru-01.gif") bottom right no-repeat;}
.sitemap ul li .lu {display: block; width: 100%; background: url("../interface/sitemap/lu-01.gif") bottom left no-repeat;}
.sitemap ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.sitemap ul li li .ro {background: url("../interface/sitemap/ro-02.gif") top right no-repeat;}
.sitemap ul li li .lo {background: url("../interface/sitemap/lo-02.gif") top left no-repeat;}
.sitemap ul li li .ru {background: url("../interface/sitemap/ru-02.gif") bottom right no-repeat;}
.sitemap ul li li .lu {background: url("../interface/sitemap/lu-02.gif") bottom left no-repeat;}
.sitemap ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.sitemap ul li a:hover .ro {background: url("../interface/sitemap/ro_h.gif") top right no-repeat;}
.sitemap ul li a:hover .lo {background: url("../interface/sitemap/lo_h.gif") top left no-repeat;}
.sitemap ul li a:hover .ru {background: url("../interface/sitemap/ru_h.gif") bottom right no-repeat;}
.sitemap ul li a:hover .lu {background: url("../interface/sitemap/lu_h.gif") bottom left no-repeat;}



/**
 * Slide viewer
 *****************************************************************************/
body#slideviewer #pageheader,
body#slideviewer #maincontainer,
body#slideviewer #thecontainer,
body#slideviewer #pagecontainer,
body#slideviewer #footerseparator{
    width: 752px;
}
html>body#slideviewer #pageheader,
html>body#slideviewer #maincontainer,
html>body#slideviewer #thecontainer,
html>body#slideviewer #pagecontainer,
html>body#slideviewer #footerseparator{
    width: 748px;
}
body#slideviewer #footerseparator{
  background: #971b3c url(../interface/branding/footer_separator_long.gif) repeat-y top left;
}
body#slideviewer #footernavigation{
    width: 743px;
}
body#slideviewer #pageheader,
body#slideviewer #maincontainer,
body#slideviewer #thecontainer,
body#slideviewer #pagecontainer{
    color: inherit;
    background-color: white;
}
body#slideviewer #pageheader{
    background-position: 12px 0px;
}
body#slideviewer #utilitybar{
    background: transparent;
}
body#slideviewer #thecontainer{
    background: white;
}
body#slideviewer #maincontainer{
    padding: 0px;
}

body#slideviewer #maincontent{
    float: left;
    background: white;
    display: block;
    width: 748px;
    height: 522px;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
html>body#slideviewer #maincontent{
    width: 726px;
    min-height: 522px;
    height: auto;
}
#slideframe{
    margin: 0px;
    padding: 0px;
    height: 600px;
    width: 748px;
}
html>body #slideframe{
    height: 600px;
    width: 748px;
    margin: 0px;
    padding: 0px;
}
body#slideviewer h1,
body#slideviewer #componentdesc{
    margin-left: 8px;
    margin-right: 6px;
}
body#slideviewer #breadcrumbs{
    text-align: left;
    margin-left: 10px;
}
body#slideviewer #heightfix{
    display: none;
    visibility: hidden;
}
body#slideviewerpop #slideframe{
    float: left;
}


/* PERSONAL DETAILS
-----------------------------------------------------------------------*/
#sectionpersdetails .row {
    display:block;
    width:400px;
    clear:both;
    float:left;
    font-size:110%;
    margin-bottom:10px;
}
#sectionpersdetails .col1, #sectionpersdetails .col2 {

    text-align:left;
    display:inline;
    float:left;

}
#sectionpersdetails .col1 {width:160px;}
#sectionpersdetails .col2 {width:240px;}

input, textarea {
   display:inline;
   width:180px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   color: inherit;
   background: #ffffff;
   border: 1px solid #D8EBFC;
   margin: 0px;
   padding: 2px;

}


input.radio{
   display:inline;
   width:180px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   color: inherit;
   background: #ffffff;
   border: 0px solid #D8EBFC;
   margin: 0px;
   padding: 2px;
}


select { 
   display:inline;
   width:186px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   color: inherit;
   background: #ffffff;
   border: 1px solid #D8EBFC;
   margin: 0px;
   padding: 2px;
}


.tickbox {
    border:0px;
    width:auto;
}
.submit {
    margin-top:20px;
}

#sectionpersdetails fieldset{
    border:0px;
    background:transparent;

}
#sectionpersdetails .btn{
   width: 60px;
   background: #009999;
   color:#ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight: bold;
   margin: 0px 0px 0px 1px;
   border: 1px solid #006666;
   padding: 1px;
   cursor: pointer;
   }

/*
 * Case set page - thumbnail slideshow
 */
#thumbnailcontainer{
    display: block;
    height: 100px;
    clear: both;
}
#thumbnailcontainer #thumbnail1{
    position: absolute;
    display: none;
    visibility: hidden;
    left: 8px;
}
a.reslink{
    float: none;
    display: block;
    margin-left: 38px;
}
}

/**
 * Edit test on front end page
 *****************************************************************************/
#minedit #breadcrumbs{
    height: auto;
}
#minedit #editform
{
    float: left;
}
#minedit #editform #login
{
    width: 450px;
}
#minedit #editform #login label{
    width: 400px;
}
#minedit #editform #login label input{
}

#minedit #componentlinks,
#minedit #componentitemlinks
{
    border-bottom: 2px solid #ccc;
    width: 460px;
    margin-top:25px;
}


#minedit #componentlinks{
    background:#fff5de;
}

#minedit #componentitemlinks{
    background:#fce8bc;
    text-align:right;
}

#minedit #componentlinks .sectionlink,
#minedit #componentitemlinks .sectionlink

{
    background: transparent;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    text-align: right;
    height: 10px;
}
html>body#minedit #componentlinks,
html>body#minedit #componentitemlinks,
html>body#minedit #componentlinks .sectionlink,
html>body#minedit #componentitemlinks .sectionlink{
    min-height: 10px;
    height: auto;
    width: 465px;
    float: left;
    display: block;
}


#minedit #componentlinks .sectionlink .sectionname,
#minedit #componentitemlinks .sectionlink .itemname
{
    width: 240px;
    display: inline;
    text-align: left;
    float: left;
}

#minedit .videoresourcepath{
    width: 380px;
    display: inline;
    text-align: left;
    float: left;
}

#minedit #componentlinks .sectionlink .linkcontrols,
#minedit #componentitemlinks .sectionlink .linkcontrols
{
    width: 70px;
    display: inline;
    text-align: center;
    background: #eee;
}

#minedit #componentlinks .sectionlink .linkcontrols a,
#minedit #componentitemlinks .sectionlink .linkcontrols a
{
   clear:both;
   display:inline;
   color:#D89E33;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#eee;
   border:1px solid;
   border-top-color:#4A7193;
   border-left-color:#4A7193;
   border-right-color:#4D4D51;
   border-bottom-color:#4D4D51;
   cursor: pointer;
   cursor: hand;
   width: auto;
   margin:10px 0px;
   padding:2px;
}

#minedit #componentlinks .sectionlink .linkcontrols a:hover,
#minedit #componentitemlinks .sectionlink .linkcontrols a:hover
{
    background-color:#fff;
    color:#666;
}


#minedit #componentlinks .resourcecontrols,
#minedit #componentitemlinks .resourcecontrols
{
    width:100%;
    text-align:right;
}

#minedit #componentlinks .resourcecontrols a,
#minedit #componentitemlinks .resourcecontrols a
{
   clear:both;
   display:block;
   color:#D89E33;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color:#f7f7f7;
   border:1px solid;
   border-top-color:#4A7193;
   border-left-color:#4A7193;
   border-right-color:#4D4D51;
   border-bottom-color:#4D4D51;
   cursor: pointer;
   cursor: hand;
   width: 50px;
   margin:10px 0px;
   padding:2px;
}
#minedit #componentlinks .resourcecontrols a.longbtn,
#minedit #componentitemlinks .resourcecontrols a.longbtn{
    width: 80px;
    margin:-10px 0px 10px 0px;
}

#minedit #componentlinks .resourcecontrols a:hover,
#minedit #componentitemlinks .resourcecontrols a:hover
{
background-color:#fff;
color:#666;
}


#minedit #componentlinks h3,
#minedit #componentitemlinks h3
{
    font-size: 12px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

html>body#minedit #editform{
    height: auto;
    min-height: 30px;
}
#minedit #editForm #componentControls,
#minedit #editForm #linkcontrols
{
    float: right;
}
#minedit #componentitemlinks .sectionlink .linkcontrols
{
    float: right;
}

/*---------------------------SHOP*/

#section5 #pagecontainer
{background: transparent url(../interface/containerbgwhite.gif) repeat;}


#section5 #thecontainer
{background: transparent url(../interface/containerbgwhite.gif) repeat;}

#section5 #maincontent
{ border-left:1px silver solid;}




.moddiv
{
position:relative;
width:480px;
height:150px;
margin-left:6px;	
padding-right:5px;
	
}

.title
{
position:relative;
background-color:transparent;
background-repeat:no-repeat;
width:240px;
height:25px;
float:left;
font-family:Verdana;
font-size:16px;
font-weight:bold;
top:6px;
left:6px;
padding:2px 2px 2px 12px;

}

.description
{
position:relative;
background-color:transparent;
width:260px;
height:90px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
float:left;
top:-10px;
left:6px;
padding-left:10px;
overflow:hidden;

}

.shop
{
position:relative;
background-color:transparent;
height:auto;
width:auto;
}

.pic
{
position:relative;
width:190px;
height:75px;
float:right;
top:5px;
right:5px;
}

.check
{
position:relative;
float:right;
top:120px;
right:-260px;
}

.buy
{
position:relative;
float:right;
top:120px;
right:-170px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
	}
	
.cost
{
position:relative;
float:right;
top:70px;
right:-160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
width:130px;
}

.price
{
position:relative;
float:right;
top:100px;
right:-135px;
}

.time
{
position:relative;
float:right;
top:100px;
right:-110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
	}

.paypal
{
position:relative;
width:300px;
background-color:transparent;
left:-210px;
	}
	
.info2
{
position:relative;
margin-top:100px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:gray;
height:200px
}

.checkout
{
position:relative;
background-image:url("../interface/shop/checkout.gif");
background-repeat:no-repeat;
width:145px;
height:45px;
margin-top:30px;
border:none;
}

.log{
   display: inline;
   width: 60px;
   background: #009999;
   color:#ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 90%;
   font-weight: bold;
   margin: 0px 0px 0px 1px;
   border: 1px solid #006666;
   padding: 1px;
   cursor: pointer;
}

.renew
{
	position:relative;
	width:250px;
	height:auto;
	color:grey;
	font-size:9pt;
	margin-left:250px;
	margin-top:-40px;

	
}

#Europagepanel2 {
    position:relative;
    display: block;
    background:transparent;
    height: auto;
    width:500px;
    float: left;
    margin:10px 0px 10px 100px;
    padding:10px 0px 10px 10px;
    border: 0px solid;
}