@charset "utf-8";
body, pre {background: #eee; font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333;}
body, p, ul, ol, li, h1, h2, h3, form, img, fieldset, label, pre {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
a {outline: none; color: #1a89b9;}
a:hover {color: #004980;}
input, select, textarea {border: 0; background: #ddd; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

.clear {clear: both; font-size: 0; line-height: 0;}
.floatleft {float: left; margin: 0 10px 10px 0;}
.floatright {float: right; margin: 0 0 10px 10px;}
.new {padding-right: 20px; background: url(../images/icon-new.png) 100% 0 no-repeat;}

#page {width: 1000px; margin: 0 auto; padding-bottom: 10px; background: #fff; position: relative;}

/* header */
#top {overflow: hidden; height: 1%; background: #eee;}
#members-area {float:right; padding: 3px 0; color: #1a89b9; }
#members-area .member {text-align: right; font-size: 11px;}
#members-area .member .username {font-weight: bold; color: #004980;}
#members-area .member span {font-weight: bold;} 
#members-area .member .open a, #members-area .member .open a:hover {background: #1a89b9; padding: 2px 5px 6px; color: #fff;}
#members-login {width: 200px; background: #1a89b9; position: absolute; right: 20px; margin-top: 3px; color: #fff; display: none;}
#members-login fieldset {width: 90px;}
#members-login fieldset input {width: 80px;}
#members-login .button-arrow {padding: 5px 0;}
#members-login .button-arrow input {color: #fff;}
#members-login .button-plus a {color: #cedde8;}
#members-login .button-plus a:hover {color: #fff;}

#googlesearch {float: left; width: 350px;}

#menu-top {background: #eee; color: #1a89b9; padding: 3px 0; font-size: 11px; float: left; margin-right: 50px;}
#menu-top a {margin: 0 5px;}
#menu-top a:hover, #members-area .member a:hover {color: #000059;}
#menu-top .links .home, #menu-top .links .contact {padding-left: 13px; margin: 0 10px 0 1px; font-weight: bold; background: url(../images/menu-top-icon-home.png) 0 3px no-repeat;}
#menu-top .links .contact {padding-left: 15px; margin-right: 5px; background-image: url(../images/menu-top-icon-contact.png);}
#menu-top .links a:hover {background-position: 0 -27px;}
#header {clear: both; position: relative;}
#openmiv20 {position: absolute; right: 15px; bottom: 5px;}

.cse-search-results {background: #000;}
/* header end */

/* main menu */
#navigation {border-top: 1px solid #fff; font: bold 11px Tahoma; background: #cecece url(../images/menu-main-bg.png) top repeat-x; overflow: hidden;}
#navigation ul {margin-left: 15px;}
#navigation li {float: left; margin-right: 1px;}
#navigation li a {display: block; color: #fff; padding: 9px 15px 10px 25px; text-decoration: none; background: #2ebae5 url(../images/navigation-item-bg.png) 0 0 no-repeat;}
#navigation li.current a {color: #004a57; background-position: 0 -150px;}
#navigation li a:hover {text-decoration: none; color: #c2dce7; background-position: 0 -75px; text-decoration: underline;}
#navigation li.current a:hover {color: #004a57; background-position: 0 -150px; text-decoration: none;}
/* main menu end */

#main-left, #main-right {padding: 20px 20px 20px 15px; width: 250px; float: left;}
#main-right {padding-left: 0; width: 695px;}

/* generic */
h1, h2, h3 {font: bold 20px Arial; color: #004980;}
h2 {font-size: 17px; padding-bottom: 10px;}
h2 span {border: 1px solid #9ddff2; background: #b0e5f5; padding: 3px 5px 2px;}
h3 {font-size: 13px;}
.button-plus {padding: 2px 0; font-size: 11px;}
.button-plus a {padding-left: 14px; background: url(../images/button-plus-bullet.png) left no-repeat;}
ul.generic {padding-bottom: 20px;}
ul.generic li {background: url(../images/generic-list-bullet.png) left 5px no-repeat; padding: 0 0 3px 13px;}
ul.events li {padding-bottom: 10px;}
ul.events .date {color: #999;}
.comment {color: #777; font-size: 11px; font-style: italic;}
.banner {margin-bottom: 15px;}
/* generic end */

/* box generic */
.box {background: #eaeaea; padding: 10px; color: #333; font-size: 11px; margin-bottom: 15px; line-height: 14px;}
.box h1, #box-misc h1, #box-double h1 {font-size: 16px; color: #fff; padding: 5px 10px 4px; margin-bottom: 10px; background: #a2a2a2 url(../images/box-header-bg.png) repeat-x;}
.box h1 a {display: block; color: #fff; text-decoration: none;}
.box ul {margin-top: 10px;}
.box a {color: #999;}
.box input {border: 1px solid #91d4e7; background: #f5f5f5; padding: 2px 4px;}
.box .button-arrow {padding: 5px 0 10px;}
.box .button-arrow a {padding-left: 14px; color: #20839f; font-weight: bold; background: url(../images/button-arrow-bullet.png) left no-repeat;}
.box .button-arrow.unsubscribe {padding-bottom: 5px;}
.box .button-arrow.unsubscribe a {font-weight: normal;}
.box .button-arrow input {color: #20839F; background: none; border: 0; font: bold 11px Tahoma; padding: 2px;}
.box a:hover {color: #004980;}
.box h1 a:hover {color: #fff; text-decoration: underline;}
/* box generic end */

/* box news */
.box#news h1, #box-misc h1 {background: #ff3737 url(../images/box-news-header-bg.png) repeat-x;}
.box li {margin-bottom: 15px;}
.box#news a:hover {color: #a80000;}
.box .date {color: #a80000;}
.box .new {background: #a80000; color: #fff; padding: 0 2px; font: bold 9px Tahoma; border: 1px solid #a80000;}
.box .text {color: #444; font-weight: bold;}
.box .text a {color: #444; text-decoration: none;}
.box .text .new {background: #fff; color: #a80000; border-color: #fff;}
.box .more {color: #999; padding-top: 2px;}
.box#news .past a {color: #a80000; display: block; padding: 5px 10px; margin-top: 25px; font: italic bold 13px Georgia; text-decoration: none; background: #d5d5d5;}
.box#news .past a:hover {color: #fff; background: #a80000;}
/* box news end */

/* box newsletter */
.box#newsletter fieldset input {width: 210px; margin-top: 3px;}
#newsletter .submit-news a {color: #004980; display: block; padding: 5px 10px; margin-top: 15px; color: #004980; font: italic bold 12px Georgia; text-decoration: none; background: #dfdfe9;}
#newsletter .submit-news a:hover {color: #fff; background: #004980;}
/* box newsletter end*/

/* box members */
.box#members fieldset {float: left; width: 105px; padding-right: 10px;}
.box#members fieldset input {width: 95px;}
/* box members end*/

/* box submenu */
.box#submenu {background: #004980; color: #fff; font-weight: bold;}
.box#submenu h1 {background: none; color: #b9cddc; font-size: 14px; padding-left: 0; margin-left: 0;}
.box#submenu a {color: #fff; text-decoration: none;}
.box#submenu .current a {color: #b9cddc;}
.box#submenu a:hover {text-decoration: underline;}
.box#submenu .current a:hover {text-decoration: none;}
.box#submenu li {background: url(../images/submenu-bullet.png) left 3px no-repeat; padding-left: 13px;}
/* box submenu end */

.box-filled, .box-framed, #promo-banners, #box-misc, #box-info {margin-bottom: 15px; padding: 10px;}

.box-filled h1 {color: #fff;}
.box-filled {background: #004980; color: #fff; text-align: justify;}
.box-filled .button-plus a {color: #a6bfd3;}
.box-filled .button-plus a:hover {color: #fff;}
.box-filled a {color: #fff;}
.box-filled a:hover {color: #a6bfd3;}

.box-framed {border: 1px solid #d4d4d4;}
.box-framed#founders img {margin: 5px 0;}
.warning {color: #a00;}

#promo-banners {padding: 0;}
#promo-banners span {margin-right: 10px;}
#promo-banners .last {margin: 0;}

/* boxes */
#box-misc, #box-info, #box-double {font-size: 11px; margin-right: 14px; line-height: 15px; float: left; border: 1px solid #c8c8c8; background: #f5f5f5; margin-bottom: 0;}
#box-double {width: 693px; margin: 15px 0 0 0; border-color: #e6e6f0; background: #f0f0fa;}
#box-double div {width: 326px; float: left; padding: 10px;}
#box-misc {width: 235px;}
#box-misc h1, #box-double h1 {color: #fff; float: left;}
#box-double h1 {background-image: url(../images/box-double-header-bg.png);}
#box-misc ul {padding-top: 5px;}
#box-misc li, #box-double li {background: url(../images/button-arrow-bullet-red.png) left 4px no-repeat; padding: 0 0 10px 15px;}
#box-misc li {padding-bottom: 11px;}
#box-misc a, #box-double li a {color: #666;}
#box-misc a:hover {color: #a80000;}
#box-double li a:hover {color: #004980;}
#box-info {width: 401px; margin: 0; border-color: #2ebae5; background: #fff; padding: 8px 8px 10px; line-height: 13px;}
#box-info p {padding: 5px 10px 5px 35px; background: #dfdfe9 url(../images/box-info-help-icon.png) 0 8px no-repeat;}
#box-info p.contact {margin-top: 5px; background-image: url(../images/box-info-contact-icon.png);}
#box-info p.feedback {margin-top: 5px; background-image: url(../images/box-info-feedback-icon.png); line-height: 15px;}
/* boxes end */

/* breadcrumbs */
#breadcrumbs {background: #004980; color: #b9cddc; font-size: 11px; padding: 5px 10px;}
#breadcrumbs a {color: #b9cddc;}
#breadcrumbs a:hover, #breadcrumbs h1 {color: #fff; margin-top: 5px;}
#breadcrumbs h1 {clear: both;}
#breadcrumbs h1 span {font-size: 65%; color: #eee; line-height: 150%;}
#breadcrumbs p.path {float: left; margin-bottom: 5px;}
/* breadcrumbs end */

/* page tools */
#page-tools {float: right; margin-top: 5px;}
#page-tools li {display: inline; margin-left: 5px;}
#page-tools li a {color: #80a3bf; text-decoration: none; padding: 3px 8px 3px 20px; background-position: 0 0; background-repeat: no-repeat;}
#page-tools .print a {background-image: url(../images/page-tools-print.png);}
#page-tools .email a {background-image: url(../images/page-tools-email.png);}
#page-tools li a:hover {color: #003155; background-position: 0 -40px;}
/* page tools end */

/* content */
#content {padding-top: 20px;}
#content p {text-align: justify;}
#content .comment {width: 99%;}
.legend {background: #f5f5f5;}
.legend span {display: block; color: #777; padding: 5px 10px; font-size: 11px; line-height: 13px;}
code {font: 10px/12px "Courier New", Courier, monospace; border: 1px solid #E6D9CC; background: #ECE3D9; padding: 15px; display: block;}
/* content end */

/* tabs */
.tabs li {float: left; margin-right: 1px; text-align: center; font: bold 11px/12px Tahoma;}
.tabs li a {display: block; width: 115px; height: 30px; color: #0062aa; padding: 10px 4px 5px; background: #e6f7fc url(../images/tab-bg.png) 0 0 repeat-x; text-decoration: none;}
.tabs#bigger li a {width: 150px;}
.tabs#feedback li a {width: 200px; padding: 5px 4px 10px;}
.tabs#feedback li a span {font-weight: normal; display: block;}
.tabs li .short {width: 70px;}
.tabs#bigger li .short {width: 80px;}
.tabs#feedback li .short {width: 110px;}
.tabs li a:hover {background-position: 0 -100px; color: #fff;} 
.tabs .current a, .tabs .current a:hover {background-position: 0 -200px; color: #fff;}
/* tabs end */

.code {background: #f0f0f0; border: 1px solid #3c78b5; margin: 5px 0 20px;}
.code h2 {border-bottom: 1px solid #3c78b5; padding: 5px; font-size: 12px; text-align: center;}
.code div, .code pre {padding: 15px;}
.code ol {padding-left: 20px;}
.code li {padding-bottom: 3px;}

/* documents & files */
.documents {clear: both; border: 1px solid #007ac8; border-top-width: 5px; display: none; padding: 0 20px 20px;}
.files {width: 98%;}
.documents h1 {display: none;}
.documents li, .files li {padding: 5px 0 5px 21px; background-position: 0 6px; background-repeat: no-repeat;}
.files li a {font-weight: bold;}
.documents .no-icons li {padding: 5px 0 10px 14px; background: url(../images/button-arrow-bullet.png) 0 10px no-repeat;}
.documents .no-icons p {padding: 1px 0 1px 21px; background-position: 0 50%; background-repeat: no-repeat;}
.documents .pdf, .files .pdf {background-image: url(../images/icon-pdf.png);}
.documents .doc, .files .doc {background-image: url(../images/icon-doc.png);}
.documents .xls {background-image: url(../images/icon-xls.png);}
.documents .pps {background-image: url(../images/icon-pps.png);}
.documents .zip, .files .zip {background-image: url(../images/icon-zip.png);}
.documents .url, .files .url {background-image: url(../images/icon-url.png);}
.documents .no-icon {background-image: url(../images/button-arrow-bullet.png); background-position: 0 9px;}
.files .comment a {font-weight: normal;}
/* documents & files end */

/* experts & compliant table */
.experts, .compliant {background: #fbfbfb; width: 100%;}
.experts th, .compliant th {background: #b0e5f5; color: #004980;}
.experts th, .experts td, .compliant th, .compliant td {text-align: center; vertical-align: top; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.experts .left, .compliant td {text-align: left;}
.compliant .center {text-align: center;}
.experts .even td, .compliant .even td {background: #f1f1f1;}
.compliant .noline td {border-bottom: 0;}
/* experts & compliant table end */

/* feedback form */
.feedback-form h3 {padding-top: 20px;}
.feedback-form p {padding-bottom: 20px;}
.feedback-form .comment {padding-bottom: 5px;}
.feedback-form fieldset {clear: both; padding-bottom: 5px;}
.feedback-form span {display: block; float: left; width: 25px;}
.feedback-form label {display: block; float: left; width: 625px;}
.feedback-form label input, .feedback-form textarea {font-size: 11px; padding: 2px 4px; width: 200px; color: #666;}
.feedback-form span input {background: none;}
.feedback-form textarea {width: 500px; height: 50px; margin-top: 5px;}
.next-step {padding-top: 30px;}
.next-step a {padding: 7px 12px; color: #fff; font-weight: bold; text-decoration: none; background: url(../images/tab-bg.png) 0 -200px repeat-x;}
.next-step a:hover {background-position: 0 -100px;}
.submit-newsletter {width: 470px; border: 1px solid #82abcd; background: #f5f5f5; margin-top: 30px; padding: 10px;}
.submit-newsletter fieldset {margin: 10px 20px 0 0; float: left; font-weight: bold; color: #004980;}
.submit-newsletter input {font-weight: bold; color: #004980; padding: 3px 5px;} 
.submit-newsletter fieldset span {font: normal 10px Tahoma; background: #ff0000; color: #fff;}
.submit-newsletter .next-step {padding-top: 15px; clear: both;}
/* feedback form end*/

/* register form */
#register-form {width: 440px; float: left;}
.register {float: left; width: 220px;}
.register label {color: #004980; font-weight: bold; display: block; margin-top: 10px;}
.register input {width: 180px; padding: 3px 5px; margin-bottom: 5px; font-size: 11px; border: 1px solid #91d4e7; background: #f5f5f5;}
.submit {clear: both; margin-top: 20px; padding: 5px 5px 5px 0; float: left; background: #004980 url(../images/button-arrow-bullet.png) 10px 50% no-repeat;}
.submit input {background: none; font: bold 11px Tahoma; color: #fff; margin-left: 15px;}
/* register form end */

.side {float: right; width: 220px; border: 1px solid #2ebae5; padding: 10px; margin-left: 10px;}
.wide {width: 320px; margin-left: 50px;}
.side div {background: #dfdfe9; padding: 10px; overflow: hidden; height: 1%;}
.side h2, .side h3 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 20px;}
.side h3 {font-size: 16px; padding: 25px 0 5px;}
.side .submit {clear: both; margin-top: 10px; padding: 5px 5px 5px 0; float: none; background: none;}
.side .submit a {display: block; float: left; font: bold 11px Tahoma; color: #004980; padding: 5px 10px 5px 20px; text-decoration: none; background: #2ebae5 url(../images/button-arrow-bullet.png) 5px 50% no-repeat;}
.side .submit a:hover {background-color: #004980; color: #fff;}

.compliant-logo {border: 1px solid #2ebae5; padding: 10px;}
.compliant-logo div {background: #dfdfe9; padding: 10px; overflow: hidden; height: 1%;}
.compliant-logo h2 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 20px;}
.compliant-logo img {float: right; margin-left: 20px;}
.compliant-logo .generic {padding: 0;}

/* membership form */
.form {overflow: hidden; height: 1%; background: #f0f0fa; padding: 20px;}
.form label {display: block;}
/* membership form end */

/* sitemap */
.sitemap li ul {background: #f7f7f7; padding: 15px; margin-bottom: 15px; overflow: hidden; height: 1%;}
.sitemap a {white-space: nowrap;}
.sitemap li ul li {float: left; padding: 0 0 2px 14px;}
.sitemap .root {font-weight: bold; display: block; width: 95%; padding: 5px 0 5px 14px; background: url(../images/button-arrow-bullet.png) left no-repeat;}
/* sitemap end */

/* footer */
#footer {color: #666; font-size: 10px; line-height: 11px; width: 1000px; margin: 15px auto 10px; background: none;}
#copyright {float: left; padding-right: 20px; width: 200px; font-size: 11px;}
#copyright a {line-height: 25px;}
#eu {float: left; width: 680px; padding-right: 10px;}
#eu img {float: left; margin-right: 7px;}
#credits {float: right; margin-top: -5px;}
#credits img {margin: 0; padding: 0;}
/* footer end */


/* final conference registration */
.registration, .registration input, .registration select, .registration textarea {font-size: 13px;}
.registration fieldset input, .registration textarea {width: 100%; padding: 2px 5px; font-weight: bold;}
.registration fieldset {display: block; margin-bottom: 20px; padding: 0 20px 20px; border: 1px solid #148AAD; overflow: hidden; height: 1%;}
.registration legend {background: #148AAD; padding: 5px 10px; font-weight: bold; color: #fff;}
.registration label {display: block; padding-bottom: 2px;}
.registration ul {padding-top: 20px; overflow: hidden; height: 1%;}
.registration li {float: left; padding: 0 20px 10px 0; width: 40%;}
.registration .line {float: none; clear: both;}
.registration .short input {width: 50%;}
.registration .long {width: 90%;}
.registration .submit {padding: 10px 10px 10px 0;}
.registration .sessions {overflow: hidden; height: 1%; border: 1px solid #148AAD; padding: 20px; margin-bottom: 20px;}
.registration .sessions fieldset {padding: 0; margin: 0; border: 0; float: left; width: 310px;}
.registration .sessions fieldset legend {margin: 0;}
.registration .sessions .day1 {margin-right: 20px;}
.registration .sessions .day1 ul {padding-bottom: 5px;}
.registration .sessions li {width: 100%; overflow: hidden; height: 1%; padding: 5px 0;}
.registration .sessions p {float: left; width: 25px;}
.registration .sessions input {background: none; width: 14px; padding: 0; float: left;}
.registration .sessions label {font-weight: bold; padding: 0; color: #444;}
.registration .sessions label span {font-weight: normal;}
.registration .sessions .comment, .registration .sessions .comment a {color: #999;}
.registration .sessions .comment a:hover {color: #555;}
.registration .sessions fieldset .comment {font-style: normal; color: #444; line-height: 150%;}
.registration .sessions .veg {background: #eee;} 
.registration .sessions .checkveg {padding: 5px 0 0 25px; font-size: 12px; display: none;}
.registration .sessions .checkveg label {font-weight: normal;}
.registration .warning label {background: url(../images/icon-warning.png) left center no-repeat; padding-left: 18px; color: #f00; font-weight: bold;}
.registration .warning input, .registration .warning select {background: #bbb;}
.results p {font-weight: bold; font-size: 14px; padding: 20px 30px; background: left center no-repeat;}
.results .success {background-image: url(../images/icon-results-success.png);}
.results .failure {background-image: url(../images/icon-results-failure.png);}
.results span {display: block; padding-left: 30px; line-height: 250%;}
.side .button {margin: 15px 0 20px;}
.side .button a {background-color: #148AAD; color: #fff; font-size: 12px; padding: 7px 10px 7px 20px;}
.side .button a:hover {text-decoration: underline;}
#content .side .comment {padding-top: 10px; line-height: 13px; text-align: left;}
/* final conference registration end */
