/*Main Website Template */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%; }
.nav3-grid dt a:hover, .nav3-grid dd a:hover, .nav3-grid dt a:active, .nav3-grid dd a:active {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none; border-left:4px solid #f58228;}

.nav3-bullet {width:600px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:1.4em; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.4em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../_images/templates/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../_images/templates/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}


.nav4-bullet {width:185px; margin:10px 0 0 10px;}
.nav4-bullet dt a, .nav4-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav4-bullet dd a, .nav4-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../_images/templates/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav4-bullet dt a:hover {background:url(../_images/templates/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav4-bullet dd a:hover {background:url(../_images/templates/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}


.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}



/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleRed {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(238,44,36); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleGreen {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(0,153,99); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleBlue {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(77,136,199); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleOrange {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(245,129,41); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitleYellow {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(255,214,47); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.pagetitlePurple {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(139,106,175); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}

.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190) url(../_images/icons/corner.gif) no-repeat top right; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1.blockRed {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(238,44,36); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:440px; margin:1.0em 0 0.1em 1px;table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:center; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:center; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:center; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ul ul {list-style:none; margin:2px 0 2px 20px; font-size:0.9em;}
.main-content ul ol {list-style:none; margin:2px 0 2px 20px; font-size:0.9em;}

.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 40px /*IE6*/;}
.main-content ol ol {margin:2px 0 2px 20px; font-size:0.9em; !important /*Non-IE6*/; margin:2px 0 2px 20px; font-size:0.8em;/*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}
.main-content ol ul {margin:2px 0 2px 20px; font-size:0.9em; !important /*Non-IE6*/; margin:2px 0 2px 20px; font-size:0.9em;/*IE6*/;}


.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:220px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%; overflow:auto}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%; }
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(0,153,99); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(77,136,199); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(245,129,41); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
.main-subcontent h1.red {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(238,44,36); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
.main-subcontent h1.yellow {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(255,214,47); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
.main-subcontent h1.purple {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(139,106,175); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}

 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../_images/templates/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}


.xmain-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 34px /*IE6*/;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:0px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}
.main img.left {clear:both; float:left; margin:0px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}
.main img.middle {clear:both; float:center; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

/*Icons*/
#acrobat {float:right;}

.acrobat { padding:10px 0px 10px 30px; background-image:url(../_images/icons/acrobat.gif); background-position:left; background-repeat:no-repeat;}
.link {padding-right: 13px; background-image:url(../_images/icons/Externalink.gif); background-position:right; background-repeat:no-repeat;}
.pdf { padding:10px 0px 10px 22px; background-image:url(../_images/icons/pdficonred.jpg); background-position:left; background-repeat:no-repeat;}
.xls { padding:10px 0px 10px 22px; background-image:url(../_images/icons/xls.gif); background-position:left; background-repeat:no-repeat;}
.ppt { padding:10px 0px 10px 22px; background-image:url(../_images/icons/ppt.gif); background-position:left; background-repeat:no-repeat;}
.word{ padding:10px 0px 10px 22px; background-image:url(../_images/icons/word.gif); background-position:left; background-repeat:no-repeat;}
.txt{ padding:10px 0px 10px 22px; background-image:url(../_images/icons/text.jpg); background-position:left; background-repeat:no-repeat;}
.install { padding:10px 0px 10px 22px; background-image:url(../_images/icons/install.gif); background-position:left; background-repeat:no-repeat;}
.print {padding:10px 0px 10px 18px; background-image:url(../_images/icons/print.png); background-position:left; background-repeat:no-repeat;}
.read {padding-right: 13px; background-image:url(../_images/icons/readmore.png); background-position:right; background-repeat:no-repeat;}
.tel {padding-left: 20px;background-image:url(../_images/icons/tel1.png); background-position:left; background-repeat:no-repeat;}
.fax {padding-left: 20px;background-image:url(../_images/icons/fax1.png); background-position:left; background-repeat:no-repeat;}
.mail {padding-left: 20px;background-image:url(../_images/icons/mail1.png); background-position:left; background-repeat:no-repeat;}
.email {padding-left: 20px;background-image:url(../_images/icons/email1.png); background-position:left; background-repeat:no-repeat;}

.backtotop {background-image:url(../_images/templates/top.gif);background-repeat:no-repeat;padding-left:20px; padding-bottom:30px}

.quote {padding-left:40px;background-image:url(../_images/icons/quoteLeft.gif);background-position:left top;background-repeat:no-repeat;}
.quoteright {padding-right:40px;background-image:url(../_images/icons/quoteRight.gif);background-position:right top;background-repeat:no-repeat;}
.right {text-align:right;}


.BibliographyForm {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.BibliographyForm fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.BibliographyForm fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.BibliographyForm label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.BibliographyForm label.right{float:right; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.BibliographyForm select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.BibliographyForm input.button {width:5.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.BibliographyForm input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#bibliography li {padding-bottom:15px;}
#bibliography strong{color:#009964;}
#bibliography em{color:#666;}

a.external span {position: absolute;left: -5000px;width: 4000px;} 
a.external:link{background: url(../_images/icons/ExternalLink2.gif) no-repeat 100% 0;padding: 0 20px 0 0;}
a.external:visited{color: purple;background: url(icon.gif) no-repeat 100% -100px;padding: 0 20px 0 0;} 
a.external:hover{color: red;background: url(icon.gif) no-repeat 100% -200px;padding: 0 20px 0 0;} 

.dropcap {float:left; color:#cc3300;font-size:78px;line-height:62px;padding-top:0px;padding-right:2px;font-family:georgia;}

span.dcspan{margin-top:-0.5em;padding-right:2px;}
span#dc2{font-family: Georgia,serif;font-weight: bold;font-size:30px;line-height: 0.90em;padding-right:0.5px;color:#cc3300;}



.pullquote {width: 95%;font-size:125%;line-height:140%;background: url(../_images/icons/quoteRight.gif) no-repeat bottom right !important;background /**/:url(); /* removing quote graphic in IE5+ */}
.pullquote:first-letter {background: url(../_images/icons/quoteLeft.gif) no-repeat left top !important;padding:5px 2px 10px 20px!important;padding /**/:0px; 	/* resetting padding in IE5+ */background /**/: url(); /* removing quote graphic in IE5+ */}

.blockquote {background-image: url(../_images/icons/quoteRight.gif);background-repeat: no-repeat;background-position: left 5px;padding-left: 2px;font-style: italic;}
.blockquote span {background-image: url(../_images/icons/quoteLeft.gif);background-repeat: no-repeat;background-position: right bottom;display: block;padding-right: 2px;}


/*  External Link  
.arc90_linkpic {display: none;position: absolute;left: 0;top: 1.5em;width: 160px;height: 120px;}
.arc90_linkpicIMG {padding: 0 4px 4px 0;background: transparent url(../_images/templates/linkpic_shadow.gif) no-repeat bottom right;width: 160px;height: 120px;}			
*/

/*  Enlarge Picture  */
#pic {background-color: #FFFFFF;left: 10px;position: relative;top: 10px;width: 135px;}
#pic a .large {border: 0px;display: block;height: 1px;left: -1px;position: absolute;top: -1px;width: 1px;}
#pic a img {border: 0;}
#pic a.p1, #pic a.p1:visited {background: #FFFFFF;border: 1px solid #000000;display: block;height: 90px;left: 0;text-decoration: none;top: 0;width: 135px;}
#pic a.p1:hover {background-color: #8C97A3;color: #000000;text-decoration: none;}
#pic a.p1:hover .large {border: 1px solid #000000;display: block; height:auto;left: 150px;position: absolute;top: -300px; width:auto;}

/*  Alert Message  */
.alert {background: rgb(225,225,225) url(bioneural/exclamation.png) center no-repeat;background-position: 15px 50%; /* x-pos y-pos */text-align: left;padding: 5px 20px 5px 45px;border-top: 2px solid rgb(190,190,190);border-bottom: 2px solid rgb(190,190,190);}
.dottedLine {background: white url(bioneural/exclamation.png) center no-repeat;background-position: 15px 50%; 
/* x-pos y-pos */text-align: left;padding: 5px 20px 5px 5px;border-top: 1px dotted #999; width:500px;}


table.sortable {clear:both;border-spacing: 0;border: 1px solid #fff;border-collapse: collapse;}
table.sortable th, table.sortable td {height:2.5em;padding: 2px 4px 2px 4px;width: 600px; border:2px solid #fff; text-align:center; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
table.sortable th {border-width: 0px 3px 3px 3px;background-color: #ccc; font-weight:bold;}
table.sortable td#one {border-width: 0px 3px 3px 3px;}
table.sortable td#two {border-width: 0px 3px 3px 3px; width:15%;}
table.sortable td#three {border-width: 0px 3px 3px 3px;width:20%;}
table.sortable td#four {border-width: 0px 3px 3px 3px;width:20%;}
table.sortable tr.odd td {background-color: #ddd;}
table.sortable tr.even td {background-color: #ddd;}
table.sortable tr.sortbottom td {border-top: 1px solid #444;background-color: #ccc;font-weight: bold;font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

/* Collapsable table class="footcollapse"*/
table.footcollapse{width:450px;}
table.footcollapse caption{font-size:110%;text-transform:uppercase;text-align:center;padding:.5em 1em;}
table.footcollapse th{text-align:center;}
table.footcollapse,table.footcollapse th,table.footcollapse th{border:none;border-collapse:collapse;}
table.footcollapse thead th{width:2em;border-style:solid;border-width:1px;border-color:#cff #69c #69c #cff;background:#9cf;padding:2px 10px;text-align:center;}
table.footcollapse tfoot th,table.footcollapse tfoot td{border-style:solid;border-width:1px;border-color:#9cf #369 #369 #9cf;background:#69c;padding:1px 1px;text-align:center;}
table.footcollapse tbody{background:#ddd;}
table.footcollapse tbody td{padding:2px 10px;border:1px solid #999;}
table.footcollapse tbody th{padding:2px 10px;border:1px solid #999;border-left:none;}
table.footcollapse tbody tr.odd{background:#ccc;}
table.footcollapse tfoot td img{border:none;vertical-align:bottom;padding-left:12px;float:right;}

/*Block Links*/
#links ul {list-style-type: none;width: 400px;} 
#links li {border: 1px dotted #999;border-width: 1px 0;margin: 5px 0;}
#links li a { display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none;}
* html #links li a {  /* make hover effect work in IE */width: 400px;}
#links li a:hover {background: rgb(225,225,225);}
#links a em { color: #333;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;}
#links a span {color: #125F15;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}


/*Intro*/
#intro {padding-top:20px;width:10%;text-align:center;}

/*FaceBox (Pop up thumbnail)*/
#facebox .b {background:url(../_images/faceBoximg/b.png);}
#facebox .tl {background:url(../_images/faceBoximg/tl.png);}
#facebox .tr {background:url(../_images/faceBoximg/tr.png);}
#facebox .bl {background:url(../_images/faceBoximg/bl.png);}
#facebox .br {background:url(../_images/faceBoximg/br.png);}
#facebox { position: absolute; width: 100%; top: 0;left: 0; z-index: 100; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {margin: auto; border-collapse: collapse;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 5px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}

/*Date Block*/
.dateblock {text-align: center;width: 50px;font-family: Arial;background-color:rgb(225,225,225);border:1.5px solid rgb(200,200,200);}
.day {font-size: 26px;position: relative;top: -5px;}
.month {font-size: 12px;background: #c60000;color: #fff; width: 45px;}
.year {font-size: 12px;position: relative;top: -10px;}

/*Search result page*/
.highlight { background: #FFFF40; }
.searchheading { font-size: 110%; font-weight: bold; margin-top:10px; }
.summary { font-size: 110%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 120%; }
.category { color: #999999; }
.sorting { text-align: right; }
.searchfor {color: #009964;}
.result_title { font-size: 110%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #009964;}

/*.zoom_searchform{font-family: verdana,arial,sans-serif;font-size: 9pt;background-color: #EEEEEE;border-top: 2px solid #AAAAAA;border-bottom: 2px solid #AAAAAA;padding-left: 90px;padding-top: 10px;padding-bottom: 10px;display: block;width: 340px;}*/
.zoom_searchform{width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);font-family: verdana,arial,sans-serif;font-size: 9pt;}
.zoom_searchform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 0 0 10px /*IE6*/; margin:0 0 17px 0; border:solid 1px rgb(220,220,220);}
.zoom_searchform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.zoom_results_per_page { font-size: 100%; margin-top: 10px; display: block; }
.zoom_match { font-size: 100%; margin-left: 35px; display: block;}
.zoom_categories { font-size: 100%; display: block;margin-bottom: 10px;}
.zoom_categories ul { margin-top: 5px; padding: 0px;}
.zoom_categories li { margin-left: 15px; list-style-type: none; }

input.zoom_button {width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:	verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
input.zoom_button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
		
input.zoom_searchbox {width:153px; height:12px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}		

.result_image { float: left; display: block; height:102px;}
.result_image img { margin: 2px; margin-top: 0px; width: 34px; height: 34px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left;/* background-color: rgb(240,240,240);border-top: 1px dotted #808080; border-bottom: 1px dotted #808080;*/ }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left;/* border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; */}
		
.result_pages { font-size: 110%; }
.result_pagescount { font-size: 110%; }
		
.searchtime { font-size: 110%; }
		
.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; }
.recommended_heading { float: right; font-weight: bold;}
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

/*Tab menu*/
.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap;font-size:110%;top: 11px;left: 0px; }
.tabset_tabs df	{ margin:0; padding:0; display:inline;}
.tabset_tabs a	{ color:rgb(70,122,167); font-weight:normal; font-size:110%; ! important; background-color:rgb(225,225,225)! important; border:1px solid rgb(200,200,200); text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none;border-top:4px solid rgb(200,200,200); }
.tabset_tabs a:hover	{ font-weight:bold; text-decoration:none; color:rgb(70,122,167); font-size:110%; ! important; background-color:rgb(200,200,200) ! important; border-top:4px solid #f58228; }
.tabset_tabs a.active	{ font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:110%; ! important; background-color:white ! important; border-color:rgb(200,200,200); border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px;border-top:4px solid #f58228; }
.tabset_tabs df.firstchild a	{ border-left-width:1px }
.tabset_content	{ border:1px solid rgb(200,200,200); background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none;width: 445px;}
.tabset_label	{ display:none }
.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}

/*bubble tooltip*/
a.tt{ position:relative;z-index:24;color:rgb(42,90,138);font-weight:bold;text-decoration:none;}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #fff; background:;}
a.tt:hover span.tooltip{display:block;position:absolute;top:0px; left:0;padding: 15px 0 0 0;width:200px;color: #993300;text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;}
a.tt:hover span.top{display: block;padding: 30px 8px 0;background: url(../_images/templates/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */display: block;padding: 0 8px; background: url(../_images/templates/bubble_filler.gif) repeat bottom; }
a.tt:hover span.bottom{display: block;padding:3px 8px 10px;color: #548912;background: url(../_images/templates/bubble.gif) no-repeat bottom;}

/*External Link*/
a.external span{position: absolute;left: -500px;width: 400px;} 
a.external:link{background: url(../_images/icons/Externalink.gif) no-repeat;padding: 0 20px 0 0;} 
a.external:visited{color: purple;background: url(../_images/icons/Externalink.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
a.external:hover{color: red;background: url(../_images/icons/LinkHover.gif) no-repeat 100% -200px;padding: 0 20px 0 0;} 

.link {padding-right: 13px; background-image:url(../_images/icons/Externalink.gif); background-position:right; background-repeat:no-repeat;}
.link:visited  {padding-right: 13px; background-image:url(../_images/icons/LinkVisited.gif); background-position:right; background-repeat:no-repeat;}
.link:hover {padding-right: 13px; background-image:url(../_images/icons/LinkHover.gif); background-position:right; background-repeat:no-repeat;}

/*A to Z block*/

#azindex {background: rgb(190,190,190);float: left;margin: 0px 0 20px 0px;padding: 0px 5px 15px 5px;width: 418px;}
* html #azindex {padding: 4px 4px 5px 4px;width: 418px;}
#index {font: bold 100% Verdana, Helvetica, sans-serif;margin: 0;padding: 0;}	
#index li {float: left;height: 2em;list-style-type: none;margin: 0.65em 0.3em;padding: 0;width: 1em;}
* html #index li {margin: 0.1em 0.1em;}
#index a:link, #index a:visited {background: #fff;color: navy;display: block;height: 2em;padding: 0.5em 0 0 0;text-align: center;text-decoration: none;width: 2em;}
#index a:hover {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}
#index a:active {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}

/*Show text in a hidden DIV */
.switch {display:block; font-size:1px; width:16px; height:16px; background:url(../_images/icons/plus.gif); cursor:pointer;}
.off {background:url(../_images/icons/minus.gif);}
.hide {display:none;}
.show {position:absolute; display:block; width:700px; background:#fff; border:1px solid #000; padding:10px; margin-top:5px; z-index:500;}
.show img {float:left; padding:0 10px 10px 0;}

p.one{border-style:solid; border-color:#CCCCCC; border:1px;}
.azindex {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
div.visible { display: visible; } 
div.hidden { display: none; } 

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(_images/templates/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(_images/templates/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(_images/templates/hoverbtn.gif) no-repeat; color: #fff; }

#azindex {background: rgb(190,190,190);float: left;margin: 0px 0 20px 7px;padding: 0px 5px 15px 5px;width: 403px;}
* html #azindex {padding: 4px 4px 5px 4px;width: 403px;}
#index {font: bold 100% Verdana, Helvetica, sans-serif;margin: 0;padding: 0;}	
#index li {float: left;height: 2em;list-style-type: none;margin: 0.65em 0.3em;padding: 0;width: 2em;}
* html #index li {margin: 0.1em 0.1em;}
#index a:link, #index a:visited {background: #fff;color: navy;display: block;height: 2em;padding: 0.5em 0 0 0;text-align: center;text-decoration: none;width: 4em;}
#index a:hover {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}
#index a:active {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}

#azindexabstract {background: rgb(190,190,190);float: left;margin: 0px 0 20px 0px;padding: 0px 5px 15px 5px;width: 430px;}
* html #azindexabstract {padding: 4px 4px 5px 4px;width: 430px;}
#index {font: bold 100% Verdana, Helvetica, sans-serif;margin: 0;padding: 0;}	
#index li {float: left;height: 2em;list-style-type: none;margin: 0.65em 0.3em;padding: 0;width: 2em;}
* html #index li {margin: 0.1em 0.1em;}
#index a:link, #index a:visited {background: #fff;color: navy;display: block;height: 2em;padding: 0.5em 0 0 0;text-align: center;text-decoration: none;width: 4em;}
#index a:hover {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}
#index a:active {background: rgb(225,225,225);color: #f58228;text-decoration: underline; font-weight:bold;}

.anchors ul li {display: inline;text-align: center;padding: 1px 1px 0px 0px;margin: 0;float: left;}
.anchors ul li a {background: #f3f4f6;width: 45px;height: 2em;border: 1px solid #036;padding: 0;margin: 0;color: #800000;text-decoration: none;display: block;text-align: center;font-weight: bold;line-height: 2em;} 
.anchors ul li a:hover, #bread ul li a:focus {color: #800000;background: rgb(225,225,225);border: 1px solid #036;text-decoration: none;}

/*Show/Hide div*/
.answer {width:390px;background-color: rgb(240,240,240); padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 5px; border: dashed 1px #ddd;}
.answer a {float: right; border: 1px solid #036; background-color: #ffe; padding: 3px; color: #800000; text-decoration: none;}
.answer a:hover{float: right; border: 1px solid #c98300; background-color: rgb(225,225,225); padding: 3px; color: #f58228; text-decoration: none;}

/*Citation*/
div.citation {background: url(../_images/icons/guillemet-gauche.gif) transparent top left no-repeat;font-style: italic;}
div.citation{float: left;padding: 1em 2em;}
div.guillemets {background: url(../_images/icons/guillemet-droit.gif) transparent bottom right no-repeat;padding-bottom: 0.5em;padding-right: 2em;}

/*Grey Rounded Box*/
.infoGauche-no-width { clear: both; position: relative; background-image: url(../_images/templates/fond-boitegrise.gif);  margin-bottom: 2em;}
.top_left, .top_right, .bottom_left, .bottom_right {height: 5px; width: 5px; background-repeat: no-repeat; position: absolute; background-color: #CCC; /*hack IE*/ font-size: 0px;}
.top_left { top: 0px; left: 0px; background-image: url(../_images/templates/corner_top_left.gif); z-index: 0; }
.top_right { top: 0px; right: 0px; background-image: url(../_images/templates/corner_top_right.gif); z-index: 1; }
.bottom_left { bottom: 0px; left: 0px; background-image: url(../_images/templates/corner_bottom_left.gif); z-index: 2; }
.bottom_right { bottom: 0px; right: 0px; background-image: url(../_images/templates/corner_bottom_right.gif); z-index: 3; }
.content { position: relative; padding: 12px; z-index: 4; }
.bold {font-size: 1.6em; font-weight:bold;}