/* ConfTool Main CSS File */
/* Please do not update this file but conftool-custom.css */

/*  general settings------------------------- */
body {
 background: #ffffff;
 color: black;
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 margin-top: 10px;
 min-width: 620px;
 -webkit-text-size-adjust: 120%;
 -moz-text-size-adjust: 120%;
}

div#center_main {
 width: 100%;
 text-align: center;
}

.main {
 clear: both;
 /* width: 900px; */
 padding: 0;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.mainbg	{ background-color: #ffffff; }

/* inner boxes */
.main_elements {
 clear: both;
 /* width: 900px; */
 margin: 0 auto;
 text-align: left;
}

/* at least 2 pixels smaller then total width */
.main_content {
 clear: both;
 /* width: 898px; */
 margin: 0 auto;
 text-align: left;
}

div#main_n { }
div#main_e { }
div#main_s { }
div#main_w { }
div#main_ne { }
div#main_se { }
div#main_sw { }
div#main_nw { }
div#main_nw { padding: 0; }
/* div#siteheader { width: 900px; } */
div#siteheader { float:left; }

p {
 font-family: arial, helvetica, sans-serif;
 /* font-size: 10pt; */
 margin: 4pt 1.2pt 4pt 1.2pt;
 line-height: 1.2;
}
td {
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
}

h1 {
 font-size: 14pt;
 margin: 6pt 1pt 6pt 1pt;
}
h2 {
 font-size: 13pt;
 margin: 5pt 1pt 5pt 1pt;
}
h3 {
 font-size: 11.5pt;
 margin: 4pt 1pt 4pt 1pt;
}
h4 {
 font-size: 10pt;
 margin: 4pt 1pt 4pt 1pt;
}
.imprint h1, .imprint h2, .imprint h3,.imprint h4 {
 padding-top: 10px;
}
li {
 margin-bottom:1pt;
 margin-top:1pt;
 margin-left:1.6em;
 padding-left:1pt;
}
ul {
 margin-bottom:1pt;
 margin-top:1pt;
 text-indent:0;
 margin-left:0.2em;
 padding-left:1pt;
 list-style-type: disc;
}
ol {
 margin-bottom:1pt;
 margin-top:1pt;
 text-indent:0;
 margin-left:0.3em;
 padding-left:1pt;
 list-style-type: decimal;
}
/* Add spacer if two lists follow each other */
ul + ul, ul + ol, ol + ul, ol + ol {
 margin-top:1.2em;
}
dl {
 margin-top:0.15em;
 margin-bottom:0.25em;
 line-height: 1.3;
}
dt {
 margin-top:0.25em;
 margin-left: 1.6em;
 text-indent: -1.6em;
}
dt * {
 margin-left: 0;
 text-indent: 0;
}
dd {
 margin-left:1.6em;
 margin-bottom:0.25em;
}
hr{
 height:0;
 border-bottom: 1px solid #aaa;
 border-top: 0;
 width:100%;
 clear: both;
 display: block;
}
.hrtablehead {
 height:0;
 border-bottom: 1px solid #aaa;
 border-top: 0 none;
 width:85%;
 clear: both;
 display: block;
 overflow: hidden;
 padding:0;
 margin:0 auto 0 0;
}
.hrtablehead {
 *margin:-5px 0 -7px 0; /* IE Hack */
}

a:link { text-decoration: none; color: #002299; }
a:visited { text-decoration: none; color: #663377; }
a:active { text-decoration: underline; color: #ff7711; }
a:hover { text-decoration: underline; color: #ff7711; }
/* #inner_content a:link, #inner_content a:visited { text-shadow: 0 0 2px #fff; }
.navbar a:link, .navbar a:visited { text-shadow: none; }  */

img, a {border:none; outline: none;}

/* CSS background highlight of target elements... */
div:target {
 -webkit-animation: hilite-background 3s;
 -moz-animation: hilite-background 3s;
 -o-animation: hilite-background 3s;
 animation: hilite-background 3s;
}
@-webkit-keyframes hilite-background {
 0% {background-color: transparent;}
 30% {background-color: #ffff66;}
 100% {background-color: transparent;}
}
@-moz-keyframes hilite-background {
 0% {background-color: transparent;}
 30% {background-color: #ffff66;}
 100% {background-color: transparent;}
}
@-ms-keyframes hilite-background {
 0% {background-color: transparent;}
 30% {background-color: #ffff66;}
 100% {background-color: transparent;}
}
@-o-keyframes hilite-background {
 0% {background-color: transparent;}
 30% {background-color: #ffff66;}
 100% {background-color: transparent;}
}
@keyframes hilite-background {
 0% {background-color: transparent;}
 30% {background-color: #ffff66;}
 100% {background-color: transparent;}
}

form {
 margin:0;
}
pre {
 font-size: 8pt;
 line-height: 1.1em;
}

/* backgrounds for lists and details pages ---------- */
.listheader {
 background: #dddddd url(../images/listheader_gradient.gif) repeat-x;
 background: -moz-linear-gradient(top, #f5f5f5 0%, #fafafa 6px, #e1e1e1 28px, #eeeeee 65px, #dddddd 90px);
 background: -webkit-linear-gradient(top, #f5f5f5 0%, #fafafa 6px, #e1e1e1 28px, #eeeeee 65px, #dddddd 90px);
 background: linear-gradient(to bottom, #f5f5f5 0%, #fafafa 6px, #e1e1e1 28px, #eeeeee 65px, #dddddd 90px);
}

.listheader_label {
 font-weight: bold;
 font-size: 9pt;
}

.oddrow { background-color: #d3d7e2; }
.evenrow { background-color: #e5e7ee; }

.oddrow2 { background-color: #dadada; }
.evenrow2 { background-color: #eaeaea; }

.oddrow_del,.oddrow_del2 { background-color: #ffb8b8; }
.evenrow_del,.evenrow_del2 { background-color: #ffd8d8; }

.oddrow_highlight { background-color: #eef0f3; }
.evenrow_highlight { background-color: #f2f4f7; }

.oddrow2_highlight { background-color: #e8e8e8; }
.evenrow2_highlight { background-color: #f8f8f8; }

.oddrow_del_highlight { background-color: #ffeeee; }
.evenrow_del_highlight { background-color: #ffeeee; }

.spacerow { background-color: #ffffff; height: 3px; padding: 0;}

.actionrow { /* only used for mobile view */
 border-top: 1px solid #f8f8f8;
 border-bottom: 1px solid #aaa;
}

/* tables----------- */

.table_noborder {
 border: 0;
 padding: 0;
 border-spacing: 0;
}

.table_blackborder1px {
 border: 1px solid black;
 border-collapse: collapse;
 padding-top: 4px;
 padding-bottom: 4px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border-spacing: 0;
}

.table_lightborder1px {
 border: 1px solid #ccc;
 /* border-collapse: collapse; */
 padding-top: 4px;
 padding-bottom: 4px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border-spacing: 0;
}
.topline_black {
 border-top: 1px solid black;
}
.bottomline_black {
 border-bottom: 1px solid black;
}
.topline_gray, .topline_grey {
 border-top: 1px solid #808080;
}
.topline_white {
 border-top: 1px solid white;
}
.topline_none {
 border-top: 0 !important;
}

.topline_printonly { background: #ffffff; }
.leftline_printonly { }
.newpage_printonly{ }

.headrow {
 padding: 3px 0 3px 2px;
 background-color: #e6e6e6;
}
.headrow_right, .oddrow2_right {
 text-align: right;
 padding: 3px 1px 3px 2px;
 background-color: #e6e6e6;
}


/* login page---------------------------------- */

.login_main_div {
 width: 770px;
 margin: auto;
}
.tbldialog {
 background-color: #f8f8f8;
}

.td_dlg_title {
 background: #f4f4f4 url(../images/title_gradient.gif) repeat-x;
 background: -moz-linear-gradient(top, #e8e8e8 0%, #f4f4f4 100%);
 background: -webkit-linear-gradient(top, #e8e8e8 0%, #f4f4f4 100%);
 background: linear-gradient(to bottom, #e8e8e8 0%, #f4f4f4 100%);
 vertical-align: middle;
 text-align: left;
 height: 42px;
}
.login_title {
 padding: .35em;
}
.login_title_image {
}
.login_header {
}

.login_second_header {
 width: 68%;
 float: right;
 margin-top: 12px;
}

.login_separators {
 width: 32%;
 text-align: right;
 padding: .3em 0 .3em 0;
}

.login_separators1 {
 padding-left: 23%;
}
.login_separators2 {
 width: 88%;
 text-align: left;
 padding: .3em 0 .3em 12%;
}
.login_box_left {
 float: left;
 width: 32%;
 text-align: right;
 padding-top: .5em;
 clear:left;
}
.login_box_right {
 float: left;
 width: 67%;
 text-align: left;
 padding-top: .35em;
}
.login_inputtext {
 width: 170px;
}

/* Infoview Divs */
.infoview_maindiv {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border: 0;
 padding-left: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 position:relative;
 clear: both;
 width: 100%;
 text-align: center;
}
.infoview_innerbox {
 margin-left: auto;
 margin-right: auto;
 clear: both;
}
.infoview_leftinfo{}
.infoview_rightaction{}
.infoview_header {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 text-align:left;
 position:relative;
 padding: 3px 0 3px 2px;
 margin-left: auto;
 margin-right: auto;
 background-color: #e6e6e6;
}
.infoview_header_small {
 background-color: #f2f2f2;
}
.infoview_spacer {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 position:relative;
 padding: 0 0 0 2px;
 margin-left: auto;
 margin-right: auto;
 height:3px;
 overflow:hidden;
}
.infoview_spacerline {
 clear:left;
 float:left;
 overflow:hidden;
 width:99.9%;
 height: 1px;
 background: transparent;
}
.infoview_IDbox_right {
 float:right;
 text-align:center;
 padding:1px 5px;
 margin:2px 4px 2px 2px;
 overflow: hidden;
}
.infoview_body {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 text-align: left;
 position: relative;
 padding: 2px 3px 2px 2px;
 margin-left: auto;
 margin-right: auto;
 overflow: auto;
 line-height: 1.3;
}
.infoview_border {
 border: 1px solid #000;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border-collapse:collapse;
 border-spacing: 0;
}

/*  navigation and other boxes ---------------------*/
.box_left {
 float: left;
 clear: both;
 margin: 0 auto 0 0;
}
.box_right {
 float: left;
 clear: both;
 margin: 0 0 0 auto;
}
.box_center {
 margin: 0 auto;
}

.box_standard {
 border: 1px solid #dddddd;
 background: #f4f4f4;
 padding:0; margin:0;
}
.box_standard_header {
 padding: 0 10px 0 7px;
 text-align: left;
}
.box_standard_inner {
 /* background: url(images/box-standard-bg.png) repeat-x #fefefe; */
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAIAAABhIeELAAAAB3RJTUUH3gEWDAsr6qAv4wAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAcSURBVHjaY3jx4gXDly9fmBgZGTEwAwMDCo2EASdbBctjrmxxAAAAAElFTkSuQmCC') repeat-x #fefefe;
 padding: 5px 7px 5px 7px;
 text-align: left;
}

.box_admin {
 border: 1px solid #d8d8d8;
 background: #f0f0f0;
 padding:0; margin:0;
}
.box_admin_header {
 padding: 0 7px 0 7px;
 text-align: left;
}
.box_admin_inner {
 /* background: url(images/box-admin-bg.png) repeat-x #f3f3f3; */
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAB3RJTUUH3gEWDA8gGR4zbwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAkSURBVHjaY7h79y4TDw8PEyMjIxiDAIhmYGAAY5g4jI0sBsQAsJgC++o2cNEAAAAASUVORK5CYII=') repeat-x #f3f3f3;
 padding: 5px 10px 5px 7px;
 text-align: left;
}


/*  forms---------------------- */
.form_table {
 empty-cells: show;
}
.form_tr_separator {}
.form_tr_main {}
.form_tr_data {}
.form_tr_main_small {}
.form_tr_data_small {}

.form_label {
 font-weight: bold;
 font-size: 10pt;
 color: #f8f8f8;
}
.form_label_small {
 font-weight: bold;
 font-size: 8pt;
 color: #f8f8f8;
 padding-top: 2px;
}
.form_label_sub {
 font-weight: normal;
 font-size: 10pt;
 color: #ffffff;
}
.form_label_negative {
 color: #ffcccc;
}
.form_label_link {
 color: #cceeff !important;
}
.form_label_data {
 padding-top: 3px;
 padding-left: 3px;
}
.form_label_data_minheight {
 min-height: 19px;
}
.form_mobile_left {
}
.form_hint_div {
 padding-top: 3px;
 padding-left: 3px;
}
.form_radio {
 font-size: 10pt;
}

.form_radio_small {
 font-size: 9pt;
}
.form_radio_smallfilter {
 font-size: 8pt;
 vertical-align: 13%;
}

.form_checkbox {
 font-size: 10pt;
}
.form_radio_div {
 margin-top: 4px;
}
.form_radio_small {
}
.checkboxradiodiv {
 margin-top: 3px;
}
.checkboxradiodivfilter {
 margin-top: 0;
 display: inline;
 margin-left: -2px;
 padding-right: 15px;
}

.form_hint {
 font-size: 10pt;
}
.form_hint_small {
 font-size: 8pt;
}

.form_td_buttons {
 border-top: 1px solid white;
 background: #f4f4f4;
}
.form_td_label {
 background: #666666;
 padding-top: 5px;
}
.form_td_label_error {
 background: #bb6468;
 padding-top: 5px;
}
.form_td_label_small {
 background: #666666;
 padding-top: 0;
}
.form_td_label_error_small {
 background: #bb6468;
 padding-top: 0;
}

.form_td_field {
 background: #f0f0f0;
}
.form_td_field_small {
 background: #f0f0f0;
}
.form_td_field_error {
 background: #ffc0c0;
}

.form_td_label_sub {
 background: #888888;
 padding-top: 5px;
}
.form_td_label_sub_error {
 background: #996666;
 padding-top: 5px;
}
.form_td_field_sub {
 background: #f0f0f0;
}
.form_td_field_sub_error {
 background: #ffc0c0;
}

.form_td_entry {
 background: #d4d4d4;
}
.form_td_entry_error {
 background: #CC9999;
}
.form_td_label_yellow {
 background: #b8b040;
}
.form_td_field_yellow {
 background: #fff880;
}

.form_separator_label {
 color: #fff;
 font-weight: bold;
 font-size: 12pt;
 margin: 0;
}
.form_separator_label_small {
 color: #fff;
 font-weight: bold;
 font-size: 10pt;
 margin: 0;
}
.form_td_separator, .form_td_separator_gradient {
 border-top: 1px solid white;
 background: #323c59 url(../images/separator_gradient.gif) repeat-x;
 background: -moz-linear-gradient(top, #9da5be 0%, #323c59 100px);
 background: -webkit-linear-gradient(top, #9da5be 0%,#323c59 100px);
 background: linear-gradient(to bottom, #9da5be 0%,#323c59 100px);
}
.form_td_separator_warning {
 border-top: 1px solid white;
 background: #cc0000;
}

.form_subseparator_label {
 color: #fff;
 font-weight: bold;
 font-size: 10pt;
 margin: 0;
}
.form_td_subseparator_left {
 border-top: 1px solid white;
 background: #000 url(../images/subseparator_gradient_left.gif) repeat-x;
 background: -moz-linear-gradient(top, #4e4e4e 0px, #262626 24px, #000000 90px, #000000 100%);
 background: -webkit-linear-gradient(top, #4e4e4e 0px, #262626 24px, #000000 90px, #000000 100%);
 background: linear-gradient(to bottom, #4e4e4e 0px, #262626 24px, #000000 90px, #000000 100%);
}
.form_td_subseparator_right {
 border-top: 1px solid white;
 background: #555 url(../images/subseparator_gradient.gif) repeat-x;
 background: -moz-linear-gradient(top, #898989 0px, #7b7b7b 12px, #666666 24px, #5a5a5a 44px, #555555 72px, #555555 100%);
 background: -webkit-linear-gradient(top, #898989 0px, #7b7b7b 12px, #666666 24px, #5a5a5a 44px,#555555 72px, #555555 100%);
 background: linear-gradient(to bottom, #898989 0px, #7b7b7b 12px,#666666 24px, #5a5a5a 44px,#555555 72px, #555555 100%);
}
.form_td_separator a, .form_td_separator_gradient a,
.form_td_subseparator_left a, .form_td_subseparator_right a {
 background: #ddeeff;
}
.form_td_spacertransparent {
 background: transparent !important;
}
.fullwidth {
 width: 97%; /* Mainly used for fields on Mobile devices */
}
.form_img_move {
 display: block;
 padding: 1px;
 border: 0;
}
.form_img_move_down {
 padding-top: 2px;
}
.form_img_move_disabled {
 cursor: not-allowed;
}

/* Fixed save button */
.form-scrollfix-bottom {
 box-shadow: 0 -20px 20px -12px #777777, 0 8px 5px -7px #333333;
 bottom: 2px !important;
}

/* More form definitions. See also newbrowsers.css and oldbrowsers.css */
.disabledCheckboxOff, .disabledCheckboxOn, .disabledRadiobuttonOff, .disabledRadiobuttonOn {
 cursor: not-allowed;
 width: 20px; height: 19px;
 background-position: 20px 0; /* do not show the background */
}

/* Expander to snow more infos */
.expander_collapsed {
 margin-left: auto;
 margin-right: auto;
}
.expander_bg {
 /* background: url(images/expander_fader.png) repeat-x; */
 background: linear-gradient(to bottom, rgba(185,185,185,1) 0%, rgba(210,210,210,0.8) 10%, rgba(234,234,234,0.75) 15%, rgba(245,245,245,0.5) 20%, rgba(245,245,245,0.4) 30%, rgba(245,245,245,0.3) 100%);
 text-align: left;
 padding: 1px 0 6px 0;
 width: 99.9%;
 margin-left: auto;
 margin-right: auto;
}
.expander_left {
 /* background: url(images/expander_left.gif) no-repeat bottom right; */
 background:  url('data:image/gif;base64,R0lGODlhFAAqAPECAJmZmejo6P///wAAACH5BAUKAAIALAAAAAAUACoAAAJMlI+JoK3sHAghSmrbrDnt7mHg8Y1GaaKjCrKdm8GWHNEXl4o5vuo93/IFgS9hkRgzJpEzZZNZc0ahN9NJWrXaNFgu1WsVbB9dbvhUAAA7') no-repeat bottom right;
 padding:0 0 1px 8px;
}
.expander_right {
 /* background: url(images/expander_right.gif) no-repeat bottom left; */
 background:  url('data:image/gif;base64,R0lGODlhFAAqAPECAJmZmejo6P///wAAACH5BAUKAAIALAAAAAAUACoAAAJNhI6paesaQnsuTgolrnrn6wlWmIzkYZ4puYat924xNlP1c3Mg3Kk9+3MFeTvZ0FikHZVJ29LZxD2lUd0JNbVecwvu5yrKdsWQqsPsKAAAOw==') no-repeat bottom left;
 padding:0 0 1px 0;
}
.expander_main {
 display: inline;
 background: #eeeeee;
 border-bottom: 1px solid #999999;
 cursor:pointer; cursor:hand;
}
.expander_link, .expander_link:hover {
 color: #444444;
 text-decoration: none !important;
}

/* File Upload Button trick... */
.fileUpload {
 display: inline-block;
 position: relative;
 float: left;
 overflow: hidden;
 padding-right: 10px;
}
.fileUpload .uploadButton {
 display: inline-block;
}
.fileUpload input.uploadFile {
 position: absolute;
 top: 0;
 right: 0;
 margin: 0;
 padding: 0;
 font-size: 20px;
 cursor: pointer; cursor: hand;
 opacity: 0;
 filter: alpha(opacity=0);
}
.fileUpload .uploadButton {
 display: inline-block;
}
.fileUploadName {
 padding-top: 5px;
 margin-bottom: -8px;
 margin-bottom: 0\9; /* IE8 and below... */
}


/*  header and footer of ConfTool------------- */
.cthead_info_val {
 color: #000;
 font-size: 10pt;
}

.cthead_info_label {
 color: #000;
 font-size: 10pt;
 font-weight: bold;
}

.cthead_td_cmds {
 background-color: #ccddff;
}

.cthead_td_select {
 background-color: #dddddd;
}

.cthead_td_info {
 background-color: #666699;
}

.cthead_cmds {
 font-weight: bold;
 font-size: 10pt;
}

.cthead_a {
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
}

.ctfoot {
 font-size: 8pt;
 text-decoration: none;
 font-weight: normal;
}

/*  message and error boxes---------------------- */

.ct_messagebox {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 float: left;
 background-color: #fff;
 width:100%;
 color: #000000;
}

.message_error {
 float: left;
 border: 2px solid #c71818;
 background: #ffeeee;
}

.message_warning {
 float: left;
 border: 2px solid #ee9900;
 background: #fef8dd;
}

.message_info {
 float: left;
 border: 2px solid #339922;
 background: #e0ffdd;
}
.message_error_title {
 font-size: 12pt;
 font-weight: bold;
 line-height: 1.7em;
}

.message_warning_title {
 font-size: 12pt;
 font-weight: bold;
 line-height: 1.7em;
}

.message_info_title {
 font-size: 12pt;
 font-weight: bold;
 line-height: 1.7em;
}

.ct_message_icon {
 float: left;
 height: 37px;
 width: 35px;
 margin: 10px 6px 10px 12px;
 font-size: 36px;
}

.icon_error:before {
 color: #c71818;
}
.icon_warning:before {
 color: #ee9900;
}
.icon_info:before {
 color: green;
}

.ct_message_text {
 float: left;
 padding: 5px 0 10px 5px;
 width: 85%;
 width: -webkit-calc(100% - 60px);
 width:    -moz-calc(100% - 60px);
 width:         calc(100% - 60px);
}

/* infoviews------------------------------*/

.infoview_table {
 padding-bottom: 5px;
 border-spacing: 1px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.infoview_invert {
 background-color: #666666;
}

.infoview_sep {
 background-color: #666666;
 height: 1px;
}
.infoview_tr {
 background-color: #cccccc;
}

/*  link-list-format---------------------------------- */

.list_element_actions ul {
 font-size:9pt;
 margin-left: -0.4em;
 list-style-image:  url('data:image/gif;base64,R0lGODlhBwAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAHAAkAAAIMjI+ABpr9IJNzuXUKADs='); /* url(icons/arrow_right_grey.gif); */
}
.list_element_actions li {
 text-indent: -1px;
}


/* reviewing------------------------------*/

.review0 { background-color: #ff4c4c; }
.review1 { background-color: #ff6633; }
.review2 { background-color: #ff9966; }
.review3 { background-color: #ffcc66; }
.review4 { background-color: #fff066; }
.review5 { background-color: #ffff66; }
.review6 { background-color: #e0ff99; }
.review7 { background-color: #ccff66; }
.review8 { background-color: #99ff33; }
.review9 { background-color: #66f000; }
.review10 { background-color: #00e033; }
.noreview { }
.hiddenreview {  opacity: 0.70; filter: alpha(opacity=70); filter: grayscale(40%); }

/* imprint---------------------------------*/

.imprint {
 direction: ltr;
 text-align: left;
 background-color: #eee;
 padding: 10px;
 margin: 10px;
}


/* invoice------------------------------*/

.invoice_table {
 border: 1px solid #cccccc;
 border-collapse: collapse;
 padding: 5px;
 border-spacing: 0;
}

.invoice_tr {
 background-color: #FFFFFF;
}
.invoice_head_tr {
 text-align: left;
 background-color: #E0E0E0;
 padding: 5px;
}
.invoice_head_tr_right {
 text-align: right;
 background-color: #E0E0E0;
 padding: 5px;
}
.fax_head_tr {
 text-align: left;
 background-color: #E0E0E0;
 padding: 1px;
}
.fax_head_tr_right {
 text-align: right;
 background-color: #E0E0E0;
 padding: 1px;
}

.invoice_td {
 text-align: left;
 border: 1px solid #666666;
 padding: 5px;
}
/* The following definitions are requred for the export, as Word accepts only one class per CSS definition! */
.invoice_td_center {
 text-align: center;
 border: 1px solid #666666;
 padding: 5px;
}
.invoice_td_right {
 text-align: right;
 border: 1px solid #666666;
 padding: 5px;
}
.fax_td {
 text-align: left;
 border: 1px solid #666666;
 padding: 1px;
}
.fax_td_center {
 text-align: center;
 border: 1px solid #666666;
 padding: 1px;
}
.fax_td_right {
 text-align: right;
 border: 1px solid #666666;
 padding: 1px;
}

.invoice_logo{
 max-width: 640px;
 max-height: 80px;
 width: expression(this.width > 640 ? "640px" : true);
 height: expression(this.height > 80 ? "80px" : true);
}

.bookings_date_personal { color: #009000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }

/* payment------------------------------------------ */

.statementtitle {
 border: 3px double black;
 background-color: #dddddd;
 padding: 3px;
}
.statementcell {
 border: 1px solid black;
 padding: 3px;
 border-collapse:collapse
}
.statement_logo{
 max-width: 640px;
 max-height: 120px;
 width: expression(this.width > 640 ? "640px" : true);
 height: expression(this.height > 120 ? "120px" : true);
}

/* Related Links Box --------------------------------- */

#related_links {
 float: right;
 clear: both;
 text-align: left;
}
*+html #related_links{ padding: 0 4px 0 0; }


#related_links_header {
 background: #f8f8f8;
 border: 1px solid #d2d2d2;
 z-index:3;
}
#related_links_body {
 border: 1px solid #d2d2d2;
 border-top: 0;
}

#related_links li {
 padding: 2px 0 2px 0;
}

.related_links_next {
 list-style-image: url('data:image/gif;base64,R0lGODlhCAAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAIAAkAQAIRjI8ZwO3GIJDwTDnbivquUwAAOw=='); /* url(icons/arrow2_right_grey.gif); */
}
.related_links_pref {
 list-style-image: url('data:image/gif;base64,R0lGODlhCAAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAIAAkAQAIRjI8ZwM32FoBTnrrkbLrDWwAAOw=='); /* url(icons/arrow2_left_grey.gif); */
}
.related_links_head {
 list-style-type: none;
 list-style-image: none;
 margin-left: 1em;
}

.related_links_empty, .actionbox_empty {
 font-size: 1pt;
 padding: 0;
 margin: 0;
 list-style-type: none;
 list-style-image: none;
 height: 5px;
}

#actionbox {
}
#actionbox_header {
 background-color: #e6e6e6;
}
#actionbox_body {
}


/* main navigation---------------------- */

#headbar {
 float: left;
 margin-bottom: 6px;
}

/* navbar -------------------------- */

.navbar {
 width: 100%;
 margin: auto;
 padding: 0;
 height: 1.9em;
 border: 1px solid #d2d2d2;
 background: #fbfbfb;
 /* background: #e9e9e9 url(images/navbar_bg.gif) repeat-x;
 background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 20%, #ffffff 28%, #fafafa 40%, #e6e6e6 100%);
 background: -webkit-linear-gradient(top, #fafafa 0%, #ffffff 20%, #ffffff 28%, #fafafa 40%, #e6e6e6 100%);
 background: linear-gradient(to bottom, #fafafa 0%, #ffffff 20%, #ffffff 28%, #fafafa 40%, #e6e6e6 100%); */
}
*html .navbar {height: 1.8em;}

.navbar_elements {
 float: left;
 padding: .18em .5em 0.30em .4em;
 border-right: 1px solid #d3d3d3;
}
*html .navbar_elements {height: 1.5em;}

.navbar_elements_td {
 padding: .18em .3em 0.35em .05em;
 border-right: 1px solid #d3d3d3;
 text-align: center;
 vertical-align: middle;
}
*+html .navbar_elements_td {padding-top: 3px;}
.navbar_elements_td a:link, .navbar_elements_td a:visited, .navbar_elements_td a:hover {  cursor: pointer; cursor: hand; text-decoration:none; }

.navbar_elements_left {float: left; padding-left: 0;}
.navbar_elements_right {float: right; border-right: 0; border-left: 1px solid #d3d3d3;}
.navbar_elements_nohover { height: 19px;}
.navbar_elements_hover { height: 19px;}
.navbar_elements_hover:hover { background: #f0f0f0; height: 19px;}
.navbar_elements a:link, .navbar_elements a:visited, .navbar_elements a:hover {  cursor: pointer; cursor: hand; text-decoration:none; }

.navbar_icons {float:left; width: 20px; height: 1.7em;}
*html .navbar_icons {height: 1.46em; margin-right: 2px; padding:0;}

.navbar_item {
 float: left;
 padding: .23em 0 0 .4em;
}
*html .navbar_item { padding: .16em 0 .11em .2em; }

.navbar_breadcrumb {
 float:left;
 width: 100%;
 border: 1px solid #d2d2d2;
 border-top: 0;
 background: #fafafa url(../images/lightgray_fader.gif) repeat-x;
 background: -moz-linear-gradient(top, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
 background: -webkit-linear-gradient(top, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
 background: linear-gradient(to bottom, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
}

.navbar_footer {
 float: left;
 border: 1px solid #d2d2d2;
 background: #fafafa;
}

.breadcrumb_inner {
 width: auto;
 padding: 5px 3px 4px 3px;
}

.breadcrumb_right {
 float:right;
 text-align: right;
 padding: 0 0 2px 6px;
 white-space: nowrap;
}

.navbar_local {
 float: left;
 width: 100%;
 border: 1px solid #d2d2d2;
 border-top: 0;
 background: #fafafa url(../images/lightgray_fader.gif) repeat-x;
 background: -moz-linear-gradient(top, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
 background: -webkit-linear-gradient(top, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
 background: linear-gradient(to bottom, #f1f1f1 0%, #fafafa 8px, #fafafa 30px);
}

/*  Search in sessions --------------------------*/

#session_search_right {
 float: right;
 height: 21px;
 padding: 3px 5px 3px 0;
 z-index: 2;
 text-align: right;
}
*html #session_search_right { padding-top: .15em; }
*+html #session_search_right { padding-top: .1em; }


#session_search_wrapper {
 position: relative; 
}
#session_search_right input.search {
 font-size: 11px;
 color: #000;
 background: #f4f6f8 url(../icons/magnifier_search.png) no-repeat 3px 3px;
 background-size: 14px 14px;
 width: 125px;
 line-height: 15px;
 height: 15px;
 padding-left: 22px;
 padding-right: 17px;
}
#session_search_right input.search::-ms-clear, #navbar_search_left input.search::-ms-clear {
 display: none; /* Hide clear in Edge */
}
#session_search_clear {
 position: absolute;
 float: right;
 height: 17px;
 width: 17px;
 top: 3px;
 right: 3px;
 cursor: pointer; cursor: hand;
}
#session_search_clear_img {
 height: 15px;
 width: 15px;
}

#navbar_search_wrapper {
 float: left;
 position: relative;
 width: 125px;
 margin-right: 1px; 
}
#navbar_search_left input.search {
 color: #000;
 width: 100px;
 line-height: 17px;
 height: 17px;
 padding-right: 17px;
}

#navbar_search_clear {
 position: absolute;
 float: right;
 height: 17px;
 width: 17px;
 top: 3px;
 right: 5px;
 cursor: pointer; cursor: hand;
}
#navbar_search_clear_img {
 height:17px;
 width:17px;
}
#navbar_search_button {
 height: 22px;
}

/* Now Live in Agenda */
.nowlive, tbody.nowlive td, tr.nowlive td { box-shadow: inset 0 0 500px rgba(153,255,136,0.2) !important; }
.nowLiveText { color: #008800; animation: blinker 1.2s linear infinite; }
@keyframes blinker {
 50% { opacity: 0.5; }
}


/* Special Navbars in Body of ConfTool */
.navbar_sessions{ }
.navbar_adminSessions{ }


.session_box_letter {
 border: 1px solid #dddddd;
 background: #f8f8f8;
 margin:0;
 padding: 2px 7px 5px 7px;
}
.session_box_option {
 border: 1px solid #dddddd; border-top: 0;
 background: #f4f4f4;
 margin:0;
 padding: 5px 7px 5px 7px;
}
.sessions_authors_title {
 padding-left: 25px;
 text-indent: -25px;
}

.sessions_agenda_icon {
 position: relative;
 width: 18px;
 height: 15px;
 padding: 0 2px 0 0;
}
.sessions_agenda_icon_add {
 width: 16px;
 height: 16px;
 padding-top: 2px;
 cursor: pointer; cursor: hand;
 border:0;
 position: absolute;
 z-index: 2;
}
.sessions_agenda_icon_add_hidden {
 display: none;
}
.sessions_agenda_icon_in {
 width: 16px;
 height: 16px;
 padding-top: 2px;
 cursor: pointer; cursor: hand;
 border:0;
 position: absolute;
 z-index: 1;
}
.sessions_agenda_icon_booked {
 cursor: not-allowed;
 border: 0;
 position: absolute;
}

.sessions_agenda_div {
 position: relative;
 width: 277px;
 height: 25px;
 clear: both;
}
.sessions_agenda_div_add {
 cursor: pointer; cursor: hand;
 position: absolute;
 right: 0;
 z-index: 2;
 width: 269px;
 padding: 1px;
 margin: 2px;
 font-size: 9pt;
 background: white;
 border: 1px solid #cccccc;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}
.sessions_agenda_div_add_hidden {
 display: none;
}
.sessions_agenda_div_in {
 cursor: pointer; cursor: hand;
 position: absolute;
 right: 0;
 z-index: 1;
 width: 269px;
 padding: 1px;
 margin: 2px;
 font-size: 9pt;
 background: #ccffcc;
 border: 1px solid #4fb142;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}
.sessions_agenda_div_booked {
 cursor: not-allowed;
 position: absolute;
 right: 0;
 width: 269px;
 padding: 1px;
 margin: 2px;
 font-size: 9pt;
 background: #ffcccc;
 border: 1px solid #c52e2e;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}
.box_pcforum {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 margin: 2px;
 padding: 5px;
}

/* Chat */
.chaticon {
 margin: 3px 0 2px 0;
}
.chaticon-identities {
 z-index:3;
 position: relative;
}
.chaticon_big {
 margin: 2px;
 clear:both;
 cursor: pointer; cursor: hand;
 z-index: 1;
 width: 269px;
 padding: 2px;
 font-size: 9pt;
 background: #ccffff;
 border: 1px solid #669999;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}
.chaticon_big a {
 font-weight: normal;
 color: #0A246A !important;
 display: inline-block;
 width: 99%;
}
.chaticon_big a:hover {
 text-decoration: none;
 color: #0A246A !important;
}

#chatarea {
 float: left;
 position: relative;
 padding: 0; margin: 0;
 width: 100%;
 height: auto;
 min-height: 200px;
}
#personarea {
 float: left;
 position: relative;
 padding: 0; margin: 0;
 width: 100%;
 height: auto;
 min-height: 100px;
}
#chattitle-wrapper {
 position: absolute;
 top: 0;
 bottom: auto;
 height: 40px;
 width: 100%;
}
#chattitle {
 position: fixed;
 top: 15px;
 bottom: auto;
 height: 40px;
 width: 100%;
 width: calc(100% - 63px);
 background-color: rgba(255, 255, 255, 234);
 overflow: hidden;
 font-size: 9pt;
 box-sizing: border-box;
 padding: 4px;
 box-shadow: 0 1px 4px #ccc;
 z-index: 20;
}
_:-ms-lang(x), #chattitle {
 /* position: absolute; for IE11 - better not, scrolls off screen */
 margin-top: 15px;
}

.chattitle-label {
 font-weight: bold;
 color: #666666;
}
.listtitle-persons {
 box-shadow: none !important;
}

#chatmessages {
 float: left;
 position: relative;
 top: 0;
 width: 100%;
 min-height: 100%;
 padding-top: 40px;
 padding-bottom: 82px; /* Leave space for chatform */
}
#chatpersons {
 float: left;
 position: relative;
 top: 0;
 width: 100%;
 min-height: 100%;
 padding-top: 40px;
 padding-left: 1px;
 padding-right: 1px;
 background: #ffffff;
}
#chatform-wrapper {
 position: absolute;
 bottom: 0;
 top: auto;
 height: 80px; /* Space for chatform if scrolled down... */
 width: 100%;
}
#chatform {
 position: fixed;
 text-align: right;
 bottom: 15px;
 height: 80px;
 width: calc(100% - 63px);
 background-color: rgba(218, 248, 252, 192);
 padding-top: 2px;
}
_:-ms-lang(x), #chatform {
 position: absolute;
 margin-bottom: -15px;
}
#chatdisabled {
 text-align: center;
 padding: 30px 10px 0 10px;
 color: #B00000; text-shadow: 0 0 1px #fff, 0 0 2px #fff;
 font-weight: bold;
}
#chatoptions {
 position: fixed;
 bottom: 15px;
 height: 45px;
 background-color: rgba(223, 248, 248, 192);
 padding: 3px 5px 18px 5px;
 line-height: 1.8em;
 font-size: 9pt;
}
_:-ms-lang(x), #chatoptions {
 position: absolute;
 margin-bottom: -15px;
}
#chatinput {
 right: 0;
 position: absolute;
 width: 80%;
}
#chatsubscribed {
 cursor: pointer; cursor: hand;
}
#chatnotsubscribed {
 cursor: pointer; cursor: hand;
}
#chatnotification {
 cursor: pointer; cursor: hand;
}
#chatupdate {
 cursor: pointer; cursor: hand;
}
.chatTextarea {
 width: 100%;
 width: calc(100% - 63px);
 height: 70px;
 border-radius: 5px;
 font-size: 8pt;
 resize: none;
 padding: 1px;
}
.chatTextareaEdit {
 width: 85%;
 width: calc(95% - 40px);
 min-height: 50px;
 border-radius: 5px;
 font-size: 8pt;
 resize: none;
}
.chatEditCancel {
 position: absolute;
 top: 9px;
 right: 69px;
 left: calc(95% - 51px);
 font-size: 10pt;
 text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff;
}
.chatin .chatEditCancel {
 top: 22px;
}
.chatReplyMessage {
 font-weight: bold;
 font-style: italic;
 padding-top: 2px;
 clear: both;
}
.chatReplyCancel {
 position: absolute;
 bottom: 55px;
 right: 69px;
 left: calc(95% - 51px);
 font-size: 10pt;
 text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff;
}
.chatSubmit {
 border: 0;
 vertical-align: 20%;
 width: 47px;
 height: 45px;
 padding: 2px 4px 6px 2px;
}
@media screen and (min-width: 430px) and (max-width: 785px) {
 .chatSubmit {
  width: 40px;
  height: 38px;
 }
}
@media screen and (max-width: 429px) {
 .chatSubmit {
  width: 30px;
  height: 29px;
 }
}
.chatSubmitDisabled {
 cursor: not-allowed;
 filter: grayscale(100%);
}

.chatin {
 float: left;
 background: #f8f8f8;
 border-radius: 8px 8px 8px 0;
 width: 85%;
 padding: 5px;
 margin: 5px 5px 5px 7px;
 position: relative;
 font-size: 8.6pt;
}
.chatin:after {
 content:"";
 position:absolute;
 border-style:solid;
 left: -9px; /* value = - border-left-width - border-right-width */
 top: auto;
 bottom: 0;
 border-width: 10px 10px 0 0; /* vary these values to change the angle of the vertex */
 border-color:transparent #f8f8f8;
}
.chatin-head {
 font-size: 8pt;
}
.chatin-name {
 font-weight: bold;
}
.chatin-organisation {
}
.chatin-reply {
 float: left;
 background: #f0f0f0;
 border-radius: 3px 8px 8px 3px;
 width: 96%;
 width: calc(100% - 12px);
 padding: 5px;
 margin: 3px 0 3px 0;
 position: relative;
}


.chatout {
 float: right;
 background: #ccffff;
 border-radius: 8px 8px 0 8px;
 width: 85%;
 padding: 5px;
 margin: 5px 7px 5px 5px;
 position: relative;
 font-size: 8.6pt;
}
.chatout:after {
 content:"";
 position:absolute;
 border-style:solid;
 left: auto;
 right: -9px; /* value = - border-left-width - border-right-width */
 top: auto;
 bottom: 0;
 border-width: 10px 0 0 10px; /* vary these values to change the angle of the vertex */
 border-color: transparent #ccffff;
}
.chatout-reply {
 float: left;
 background: #c2f6f6;
 border-radius: 3px 8px 8px 3px;
 width: 96%;
 width: calc(100% - 12px);
 padding: 5px;
 margin: 3px 0 3px 0;
 position: relative;
}


.chat-role{color:#999; font-weight: normal; padding: 0 5px 0 20px;}
.chat-time {
 font-size: 8pt;
 color: #777;
}
.chatactions {
 font-size: 12pt;
 position: absolute;
 right: 5px;
 left: auto;
 z-index: 19;
 display: none;
 padding: 1px;
}
.chatout .chatactions {
 background-color: #ccffff;
 text-shadow: 0 0 1px #ccffff, 0 0 2px #ccffff, 0 0 3px #ccffff, 0 0 4px #ccffff, 0 0 5px #ccffff;
}
.chatin .chatactions {
 background-color: #f8f8f8;
 text-shadow: 0 0 1px #f8f8f8, 0 0 2px #f8f8f8, 0 0 3px #f8f8f8, 0 0 4px #f8f8f8, 0 0 5px #f8f8f8;
}
.chatout:hover > .chatactions, .chatin:hover > .chatactions {
 display: block;
}

.chatMe {color:#000000;}
.chatReplyMe {border-left: 2px solid #000000;}
.chat0 {color:#44bbbf;}
.chatReply0 {border-left: 2px solid #44bbbf;}
.chat1 {color:#ef4b4f;}
.chatReply1 {border-left: 2px solid #ef4b4f;}
.chat2 {color:#11bb66;}
.chatReply2 {border-left: 2px solid #11bb66;}
.chat3 {color:#d53293;}
.chatReply3 {border-left: 2px solid #d53293;}
.chat4 {color:#819b01;}
.chatReply4 {border-left: 2px solid #819b01;}
.chat5 {color:#ee9966;}
.chatReply5 {border-left: 2px solid #ee9966;}
.chat6 {color:#1f7aec;}
.chatReply6 {border-left: 2px solid #1f7aec;}
.chat7 {color:#cca808;}
.chatReply7 {border-left: 2px solid #cca808;}
.chat8 {color:#029d00;}
.chatReply8 {border-left: 2px solid #029d00;}
.chat9 {color:#8b7add;}
.chatReply9 {border-left: 2px solid #8b7add;}
.chat10 {color:#ee7c7c;}
.chatReply10 {border-left: 2px solid #ee7c7c;}
.chat11 {color:#ba33cc;}
.chatReply11 {border-left: 2px solid #ba33cc;}
.chat12 {color:#55c366;}
.chatReply12 {border-left: 2px solid #55c366;}
.chat13 {color:#b04632;}
.chatReply13 {border-left: 2px solid #b04632;}
.chat14 {color:#ed75c4;}
.chatReply14 {border-left: 2px solid #ed75c4;}
.chat15 {color:#8393ca;}
.chatReply15 {border-left: 2px solid #8393ca;}
.chat16 {color:#ff8f2c;}
.chatReply16 {border-left: 2px solid #ff8f2c;}
.chat17 {color:#3bdec3;}
.chatReply17 {border-left: 2px solid #3bdec3;}
.chat18 {color:#b4876e;}
.chatReply18 {border-left: 2px solid #b4876e;}
.chat19 {color:#c90379;}
.chatReply19 {border-left: 2px solid #c90379;}
.chat20 {color:#ef4b4f;}
.chatReply20 {border-left: 2px solid #ef4b4f;}
.chat21 {color:#9a63ac;}
.chatReply21 {border-left: 2px solid #9a63ac;}
.chat22 {color:#22cc55;}
.chatReply22 {border-left: 2px solid #22cc55;}
.chat23 {color:#994444;}
.chatReply23 {border-left: 2px solid #994444;}
.chat24 {color:#bb9944;}
.chatReply24 {border-left: 2px solid #bb9944;}
.chat25 {color:#6677cc;}
.chatReply25 {border-left: 2px solid #6677cc;}
.chat26 {color:#ee8800;}
.chatReply26 {border-left: 2px solid #ee8800;}
.chat27 {color:#00ccb3;}
.chatReply27 {border-left: 2px solid #00ccb3;}
.chat28 {color:#77aa66;}
.chatReply28 {border-left: 2px solid #77aa66;}
.chat29 {color:#770066;}
.chatReply29 {border-left: 2px solid #770066;}
.chat30 {color:#cc5566;}
.chatReply30 {border-left: 2px solid #cc5566;}
.chat31 {color:#8822cc;}
.chatReply31 {border-left: 2px solid #8822cc;}

#chatnewmessages {
 float: right;
 background: #fff8dd;
 width: 95%;
 width: calc(100% - 10px);
 padding: 5px;
 margin: 5px 0 5px 0;
 position: relative;
 opacity: 0.70; filter: alpha(opacity=70);
 text-align: center;
 font-size: 8.6pt;
 font-weight: bold;
}

.identitybox, .showidentitybox {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 box-sizing: border-box;
}
.identityitem {
 box-sizing: border-box;
 justify-content: center;
 width: 20%;
 text-align: center;
 border: 1px solid #ffffff;
 padding-top: 10px;
 padding-bottom: 5px;
}

.showidentitydata {
 border: 1px solid #aaa;
 box-sizing: border-box;
 justify-content: left;
 width: calc(100% - 260px);
 flex-grow: 1;
 text-align: center;
 background: white;
}
.showidentityimage {
 border: 1px solid #aaa;
 border-left: 0;
 box-sizing: border-box;
 justify-content: center;
 width: 260px;
 text-align: center;
 background: white;
}


.avatar0 {background:rgba(68, 187, 191, 0.55);}
.avatar1 {background:rgba(239, 75, 79, 0.55);}
.avatar2 {background:rgba(17, 187, 102, 0.55);}
.avatar3 {background:rgba(213, 50, 147, 0.55);}
.avatar4 {background:rgba(129, 155, 1, 0.55);}
.avatar5 {background:rgba(238, 153, 102, 0.55);}
.avatar6 {background:rgba(31, 122, 236, 0.55);}
.avatar7 {background:rgba(204, 168, 8, 0.55);}
.avatar8 {background:rgba(2, 157, 0, 0.55);}
.avatar9 {background:rgba(139, 122, 221, 0.55);}
.avatar10 {background:rgba(238, 124, 124, 0.55);}
.avatar11 {background:rgba(186, 51, 204, 0.55);}
.avatar12 {background:rgba(85, 195, 102, 0.55);}
.avatar13 {background:rgba(176, 70, 50, 0.55);}
.avatar14 {background:rgba(237, 117, 196, 0.55);}
.avatar15 {background:rgba(131, 147, 202, 0.55);}
.avatar16 {background:rgba(255, 143, 44, 0.55);}
.avatar17 {background:rgba(59, 222, 195, 0.55);}
.avatar18 {background:rgba(180, 135, 110, 0.55);}
.avatar19 {background:rgba(201, 3, 121, 0.55);}
.avatar20 {background:rgba(239, 75, 79, 0.55);}
.avatar21 {background:rgba(154, 99, 172, 0.55);}
.avatar22 {background:rgba(34, 204, 85, 0.55);}
.avatar23 {background:rgba(153, 68, 68, 0.55);}
.avatar24 {background:rgba(187, 153, 68, 0.55);}
.avatar25 {background:rgba(102, 119, 204, 0.55);}
.avatar26 {background:rgba(238, 136, 0, 0.55);}
.avatar27 {background:rgba(0, 204, 179, 0.55);}
.avatar28 {background:rgba(119, 170, 102, 0.55)}
.avatar29 {background:rgba(119, 0, 102, 0.55);}
.avatar30 {background:rgba(204, 85, 102, 0.55);}
.avatar31 {background:rgba(136, 34, 204, 0.55);}

.nobodybox {
 position: relative;
 text-align: center;
 width: 100px;
 height: 70px;
 left: 0;
 top: 0;
 margin: 3px auto;
}
.nobodybox img {
 width: 70px;
 height: 70px;
 border: 0;
 margin-left: 7px;
}
.nobodygallerybox {
 position: relative;
 text-align: center;
 width: 150px;
 height: 150px;
 left: 0;
 top: 0;
 margin: 3px auto;
}
.nobodygallerybox img {
 width: 150px;
 height: 150px;
 border: 0;
 margin-left: 7px;
}


.avatarbox {
 position: relative;
 text-align: center;
 width: 50px;
 height: 50px;
 left: 0;
 top: 0;
 margin: 3px auto;
}
.avatarimage, .avatarnoimage {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 50px;
 height: 50px;
 border-radius: 50%;
}
.avatartext {
 position: absolute;
 left: 0;
 top: 13px;
 text-align: center;
 width: 100%;
 height: 30px;
 z-index: 2;
 font-size: 15pt;
 font-weight: normal;
 color: #ffffff;
 text-shadow: 0 0 2px #00000044;
}
.avatarbgwhite {
 background: #ffffff;
}
.avatarbgshadow {
 background-image: linear-gradient(170deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
}
.avatarbgdummy {
 background-image: url("../images/avatar.png");
 background-repeat: no-repeat;
 background-size: 50px 50px;
}
.avataronline {
 display: block;
 position: relative;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 left: 33px;
 top: 33px;
 background: #00AA00;
 border: 2px solid white;
 z-index: 3;
}


.avatarbigbox {
 position: relative;
 text-align: center;
 width: 150px;
 height: 150px;
 left: 0;
 top: 0;
 padding: 2px 0;
 margin: 6px auto;
}
.avatarimagebig, .avatarnoimagebig {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 150px;
 height: 150px;
 border-radius: 50%;
 margin: 0 auto;
}
.avatarbigbox .avatarbgdummy {
 background-size: 150px 150px;
}
.avatarbigbox .avatartext {
 top: 40px;
 height: 75px;
 font-size: 45pt;
 text-shadow: 0 0 2px #00000044;
}
.avatarbigbox .avataronline {
 width: 25px;
 height: 25px;
 left: 115px;
 top: 115px;
 /* opacity: 0.95; filter: alpha(opacity=95); */
}


/* ICS Link */
.icsicon_big {
 margin: 2px;
 clear:both;
 cursor: pointer; cursor: hand;
 z-index: 1;
 width: 269px;
 padding: 2px;
 font-size: 9pt;
 background: #eeeeff;
 border: 1px solid #666699;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}
.icsicon_big a {
 font-weight: normal;
 color: #000077 !important;
 display: inline-block;
 width: 99%;
}
.icsicon_big a:hover {
 text-decoration: none;
 color: #000077 !important;
}



/* style buttons as links -------------*/

.navbar_elements.link_buttons { padding: .33em .6em 0 .6em; }
*html .navbar_elements.link_buttons { padding: .55em .6em .2em .6em; }
*+html .navbar_elements.link_buttons { padding: .26em .6em 0 .6em; }

.navbar_elements.link_buttons:hover {
 background: none;
}

.link_button.clear {
 border: 0 solid #cccccc;
 height: 18px;
 width: 12px;
 color: #a00;
 padding: 0;
}

.link_button {
 color:#000090;
 font: bold 8pt arial,helvetica,sans-serif;
 background: transparent;
 border: 0;
 padding: 2px 0 0 0;
 margin: 0 0 0 0;
}
*html .link_button {
 width: auto;
 overflow: visible;
 cursor: pointer; cursor: hand;
 background: url(../images/button_bg_trans.gif);
}
*+html .link_button {
 width: auto;
 overflow: visible;
}
.link_button.disabled {
 color: #aaaaaa;
 background: transparent !important;
}
.link_button:hover {  cursor: pointer; cursor: hand; }

.link_button.current {
 color: #000000 !important;
 background: transparent !important;
 padding: 0 0 0 0;
 font-size:10pt;
}
.link_button.current:hover { cursor: default; }
.link_button.disabled:hover { cursor: default; }


.link_button_logout {
 color:#000090;
 font-size: 13px;
}

.icon-remark {
 width:12px;
 height:12px;
 vertical-align: -10%;
}
.icon-copy {
 width:12px;
 height:12px;
 vertical-align: -10%;
}
.icon-mailpreview {
 width: 30px;
 height: 25px;
 border: 0;
}
.icon-12px {
 width: 12px;
 height: 12px;
}
.icon-14px {
 width: 14px;
 height: 14px;
}
.icon-15px {
 width: 15px;
 height: 15px;
}
.icon-16px {
 width: 16px;
 height: 16px;
}

/*  CSS Drop-Down-----------------------*/

/* The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/final_drop2.html
   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. */

.navbar_menu {
 float: left;
 height: 1.45em;
 width: 4.8em;
}
*html .navbar_menu { height:17px; padding: 2px 0 0 0; overflow: hidden; }
.navbar_menu { height/*\**/: 19px\9; }

.navbar_menu.language { width: 8em; }
.navbar_menu.language_nomenu { width: 7em; white-space: nowrap; }
.language_nomenu .listheader_label { font-size: 10pt; }
.navbar_menu.user { width: auto; }

.navbar_menu ul {
 list-style-type:none;
 padding:0;
 margin:0;
}

.navbar_menu li {
 float: left;
 width: 6em;
 margin-bottom: 0;
 margin-top: 0;
 position: relative;
 text-align: left;
 z-index: 9;
}
*html .navbar_menu li { padding:0; margin:0; }

.navbar_menu.language li { width:8em; }
.navbar_menu.user li { width:auto; white-space: nowrap; }

/*  style the links for the top level */
.navbar_menu a, .navbar_menu a:visited {
 display:block;
 width:7.5em;
}
.navbar_menu.language a, .navbar_menu.language a:visited {
 display:block;
 width:10em;
}
.navbar_menu.user a, .navbar_menu.user a:visited {
 display:block;
 width:auto;
}

.navbar_menu ul ul {
 visibility:hidden;
 position:absolute;
 height:0;
 top: 1.7em;
 left:-1.39em;
}
*html .navbar_menu ul ul { top: 1.3em; left: -0.48em; }
*+html .navbar_menu ul ul { top: 1.62em; left:-1.35em; }

.navbar_menu.language ul ul { top: 1.72em; left: -1.36em; }
*html .navbar_menu.language ul ul { top: 1.4em; left: -0.42em; }
*+html .navbar_menu.language ul ul { top: 1.7em; left: -1.35em; }

.navbar_menu.user ul ul { top: 1.72em; left: -1.36em; }
*html .navbar_menu.user ul ul { top: 1.4em; left: -0.42em; }
*+html .navbar_menu.user ul ul { top: 1.7em; left: -1.35em; }

/* style the table so that it takes no part in the layout - required for IE to work */
.navbar_menu table {position:absolute; top:0; left:0; width: 120px}

/* style the menu links */
.navbar_menu ul ul a, .navbar_menu ul ul a:visited {
 background-color:#fdfdfd;
 height:22px;
 padding: 5px 0 1px 10px;
 width: 280px;
 border: 1px solid #ccc;
 /* border-top: 0; Problems with Firefox 4! */
 margin-top:-1px;
}
.navbar_menu.language ul ul a, .navbar_menu.language ul ul a:visited {
 width: 100px;
 color: #000;
 border: 1px solid #ccc;
 border-top: 0;
 margin-top: 0;
}
.navbar_menu.user ul ul a, .navbar_menu.user ul ul a:visited {
 width: auto;
 min-width: 250px;
 white-space: nowrap;
 color: #000;
 border: 1px solid #ccc;
 border-top: 0;
 margin-top: 0;
 padding-left: 5px; padding-right: 8px;
}

*html .navbar_menu ul ul a, *html .navbar_menu ul ul a:visited {
 width: 200px; height: 23px; padding: 5px 5px 0 10px;
}
*html .navbar_menu.language ul ul a, *html .navbar_menu.language ul ul a:visited {
 width: 100px; height: 22px; padding: 5px 5px 0 10px;
}
*html .navbar_menu.user ul ul a, *html .navbar_menu.user ul ul a:visited {
 height: 22px; padding: 5px 5px 0 10px;
}

.navbar_menu .switch-user {
 color: #aa0000;
 font-weight: bold;
 text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff;
}

/*  top level hover */
.navbar_menu a:hover {
 text-decoration: none;
 height: 23px;
}
*html .navbar_menu a:hover { height: 19px; }

.navbar_menu ul ul a:hover {
 text-decoration: none;
 height: 22px;
}
*html .navbar_menu ul ul a:hover {
 height: 23px;
 background: #d2d2d2;
}
*html .navbar_menu.language ul ul a:hover { height: 22px; }
*html .navbar_menu.user ul ul a:hover { height: 22px; }

.navbar_menu :hover > a { font-weight: bold; }

.navbar_menu ul ul :hover > a, .navbar_menu.language ul ul :hover > a {
 font-weight: bold;
 background: #e6e6e6;
}
.navbar_menu ul ul :hover > a, .navbar_menu.user ul ul :hover > a {
 font-weight: bold;
 background: #e6e6e6;
}

/*  make the second level visible when hover on first level list OR link */
.navbar_menu ul li:hover ul, .navbar_menu ul a:hover ul{
 visibility:visible;
}

/* Progress bar for participant registration */
#progressbar{
 margin: 0;
 padding: 0;
 list-style: none;
 background: #f4f4f4;
 border-width: 1px;
 border-style: solid;
 border-color: #f8f8f8 #e5e5e5 #ccc;
 box-shadow: 0 0 2px rgba(0,0,0,.2);
 overflow: hidden;
 width: 100%;
 height: 27px;
 white-space: nowrap;
}
#progressbar li {
 margin: 0;
 display: inline-block;
 *display: inline; zoom: 1; /* Hack for IE7 */
 height: 27px;
}
#progressbar span{
 padding: 5px 10px 6px 25px;
 float: left;
 text-decoration: none;
 position: relative;
 border-right: 1px solid #ddd;
}
#progressbar span::after,
#progressbar span::before{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -22px;
 border-top: 22px solid transparent;
 border-bottom: 22px solid transparent;
 border-left: 17px solid;
 right: -16px;
}
#progressbar span::after{
 border-left-color: #f4f4f4;
 z-index: 2;
}
#progressbar span::before{
 border-left-color: #ccc;
 right: -17px;
 z-index: 1;
}
#progressbar li:first-child span{
 padding-left: 20px;
}
#progressbar li:last-child span::before,
#progressbar li:last-child span::after {
 border-left: 0;
}
#progressbar input {
 font-size: 10pt;
 padding: 0 15px 0 0;
 margin: 0;
 background-image: url(../icons/progressbar-step-ok.gif);
 background-repeat: no-repeat;
 background-position: right;
}
#progressbar input::-moz-focus-inner {
 border:0;
 padding:0;
}

#progressbar .past {
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
 background: #eeeeee;
 background: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e8 100%);
 background: -webkit-linear-gradient(left, #f5f5f5 0%,#e8e8e8 100%);
 background: -o-linear-gradient(left, #f5f5f5 0%,#e8e8e8 100%);
 background: -ms-linear-gradient(left, #f5f5f5 0%,#e8e8e8 100%);
 background: linear-gradient(to right, #f5f5f5 0%,#e8e8e8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8', GradientType=1 );
}
#progressbar .past span::after{
 border-left-color: #e8e8e8;
}
#progressbar .past span:hover{
 background: #fcfcfc;
}
#progressbar .past span:hover::after{
 border-left-color: #fcfcfc;
}


#progressbar .current,
#progressbar .current span,
#progressbar .current:hover,
#progressbar .current span:hover {
 background: #444444;
 color: #fff;
 font-weight: bold;
}
#progressbar .current span::after {
 border-left-color: #444444;
}

#progressbar .future,
#progressbar .future:hover,
#progressbar .future span,
#progressbar .future span:hover {
 background: #f4f4f4;
 color: #777;
}
#progressbar .future span::after {
 border-left-color: #f4f4f4;
}

/* Votes of PC forum */
.pcmessagevote {
 margin: 2px auto 3px auto;
 text-align: left;
 width: 43px; height: 14px;
 background: #fff url('../icons/vote_bg.png') no-repeat;
 background-size: 43px 15px;
}
.pcmessagevote1 {
 background: #fff url('../icons/vote_bg1.png') no-repeat;
 background-size: 43px 15px;
}

/* Review Request Settings */
.reviewRequestOptionTable {
 width: 97%;
 border-collapse: collapse;
}
.reviewRequestOptionTable_td_dark {
 border-right: 1px solid #555;
}
.reviewRequestOptionTable_td_bright {
 border-right: 1px solid #aaa;
}
.reviewRequestOptionTable_td_upper {
 border: 1px solid #555;
 border-bottom: 1px solid #aaa;
}
.reviewRequestOptionTable_td_lower {
 border-bottom: 1px solid #555;
}
#rrsearch {
 font-size: 8pt;
}

/* code to create vertical text in table headers ------------ */

.vertical-text {
 white-space: nowrap;
 /* Vertical Text in IE is simple */
 writing-mode:tb-rl;
 writing-mode:vertical-rl;
 -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); */
 max-height:140px; /* For old IEs */
}
/* Styles for rotateTableCellContent plugin for vertical text in Firefox, Chrome etc.*/
table div.jqrotated {
 writing-mode:tb-rl;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 /* -ms-transform: rotate(90deg); */
 transform: rotate(90deg);
 white-space: nowrap;
}
thead th {
 vertical-align: top;
}
table .jqvertical {
 white-space: nowrap;
}

/* Rotating spinner */
.spinner-rotate {
 margin: auto;
 border: 5px solid #eee;
 border-radius: 50%;
 border-top: 5px solid #000;
 border-left: 3px solid #e8e8e8;
 border-bottom: 1px solid #eeeeee;
 width: 45px;
 height: 45px;
 -webkit-animation: spin 1.5s linear infinite; /* Safari */
 animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}



/*  buttons for external links --- */
.resourceButton {
 box-sizing: border-box;
 display: inline-block;
 *display: inline;
 padding: 4px 6px 2px;
 margin: 3px 2px 3px 2px;
 font-family: arila, helvetica, sans-serif;
 font-size: 7pt;
 background: white;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 transition: all 0.2s ease-in-out;
}

.resourceButton img {
 height: 16px;
 padding: 2px 0 2px 0;
 border: 0;
}

.zoom { border: 1px solid #0e71eb;}
.zoom:hover { box-shadow: 0 0 1px 2px #298DFF;}
.skype { border: 1px solid #00AFF0;}
.skype:hover { box-shadow: 0 0 1px 2px #00AFF0;}
.gsuite { border: 1px solid #737373;}
.gsuite:hover { box-shadow: 0 0 1px 2px #737373;}
.gmeet { border: 1px solid #0E9487; width: 60px; }
.gmeet:hover { box-shadow: 0 0 1px 2px #0E9487;}
.msteams { border: 1px solid #4E56BF; white-space: nowrap; }
.msteams span {
 padding-left: 5px;
 color: #4E56BF;
 position: relative;
 top: -6px;
 line-height: 0.7em;
}
.msteams:hover { box-shadow: 0 0 1px 2px #4E56BF;}
.gotomeeting { border: 1px solid #F68E2A;}
.gotomeeting:hover { box-shadow: 0 0 1px 2px #F68E2A;}
.teamviewer { border: 1px solid #0e71eb;}
.teamviewer:hover { box-shadow: 0 0 1px 2px #298DFF;}
.adobeconnect { border: 1px solid #4DBF90;}
.adobeconnect:hover { box-shadow: 0 0 1px 2px #4DBF90;}
.ciscowebex { border: 1px solid #80C31C;}
.ciscowebex:hover { box-shadow: 0 0 1px 2px #80C31C;}
.samepage { border: 1px solid #AB218E; width: 105px; }
.samepage:hover { box-shadow: 0 0 1px 2px #AB218E;}
.whereby { border: 1px solid #000000; padding-top: 5px;}
.whereby:hover { box-shadow: 0 0 1px 2px #000000;}
.alfaview { border: 1px solid #0096D6;}
.alfaview:hover { box-shadow: 0 0 1px 2px #0096D6;}
.linkchat { border: 1px solid #0095DD;}
.linkchat:hover { box-shadow: 0 0 1px 2px #0095DD;}
.wonder { border: 1px solid #008f8e;}
.wonder:hover { box-shadow: 0 0 1px 2px #008f8e;}
.gather { border: 1px solid #4A4F88;}
.gather:hover { box-shadow: 0 0 1px 2px #4A4F88;}

.youtube { border: 1px solid #FF0000; width: 90px; }
.youtube:hover { box-shadow: 0 0 1px 2px #FF0000;}
.vimeo { border: 1px solid #1AB7EA;}
.vimeo:hover { box-shadow: 0 0 1px 2px #1AB7EA;}
.facebook { border: 1px solid #1877F2;}
.facebook:hover { box-shadow: 0 0 1px 2px #1877F2;}
.jwplayer { border: 1px solid #FF0046;}
.jwplayer:hover { box-shadow: 0 0 1px 2px #FF0046;}
.gotowebinar { border: 1px solid #00C0F3;}
.gotowebinar:hover { box-shadow: 0 0 1px 2px #00C0F3;}
.bluejeans { border: 1px solid #002E91;}
.bluejeans:hover { box-shadow: 0 0 1px 2px #002E91;}
.switch { border: 1px solid #002583;}
.switch:hover { box-shadow: 0 0 1px 2px #002583;}

.ichair { border: 1px solid #0E868B;}
.ichair:hover { box-shadow: 0 0 1px 2px #0E868B;}
.whova { border: 1px solid #2DACEE; background: #2DACEE;}
.whova:hover { box-shadow: 0 0 1px 2px #2DACEE;}
.slido { border: 1px solid #39ac37; background: #ffffff; }
.slido:hover { box-shadow: 0 0 1px 2px #39ac37;}

.bbb { border: 1px solid #323C7C;}
.bbb:hover { box-shadow: 0 0 1px 2px #323C7C;}
.jitsi { border: 1px solid #16A0DB;}
.jitsi:hover { box-shadow: 0 0 1px 2px #16A0DB;}

.dropbox { border: 1px solid #0061FF;}
.dropbox:hover { box-shadow: 0 0 1px 2px #0061FF;}
.sharepoint { border: 1px solid #0078d4;}
.sharepoint:hover { box-shadow: 0 0 1px 2px #0078d4;}

.pollev { border: 1px solid #027ACC;}
.pollev:hover { box-shadow: 0 0 1px 2px #027ACC;}
.pollev span {
 padding-left: 5px;
 color: #027ACC;
 position: relative;
 font-size: 8pt;
 top: -6px;
 line-height: 0.7em;
}

.custom { border: 1px solid #0061FF;}
.custom:hover { box-shadow: 0 0 1px 2px #0061FF;}

/*  font settings--------------  */

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.float_center { float: none; margin-left: auto; margin-right: auto; }
.float_left {float: left;}
.float_right {float: right;}
.clearing {clear: both;}
.no-bidi {direction: ltr;}
.embed-rtl {
 direction: rtl;
 unicode-bidi: normal;
 text-align: right;
}
.embed-ltr {
 direction: ltr;
 unicode-bidi: normal;
 text-align: left;
}
.inline-block {
 display: inline-block;
 *display: inline;
 *margin-left: 3px;
 zoom: 1; /* IE7  */
 max-height: 100%;
}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.hidden {display:none; height: 0; width: 0; overflow: hidden;}
.screenreaderOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.cmda {
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
}

.ctparagraph {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 line-height: 1.1em;
}

.nobr {white-space: nowrap}

.fontnormal {
 font-weight: normal;
}
.fontbold {
 font-weight: bold;
}
.fontlabel {
 font-style: italic;
}
.fontmonospaced {
 font-family: "Courier New", Courier, monospace !important;
 font-weight: normal;
}
.fontmonospaced_mail {
 font-family: Consolas, "Lucida Sans Typewriter", "Lucida Console", Monaco, Menlo, "Droid Sans Mono", "Andale Mono", monospace;
 font-weight: normal;
 line-height: 120%;
}


/* background colors------------- */
.nearwhitebg { background: #f8f8f8; }
.brightbg	{ background: #f2f2f2; }
.lightbg	{ background: #eaeaea; }
.mediumbg	{ background: #dcdcdc; }
.mediumbg_gradient {
 background: #cccccc url(../images/mediumbg_gradient.gif) repeat-y;
 background: -moz-linear-gradient(left, #cccccc 0%, #dcdcdc 200px, #a8a8a8 100%);
 background: -webkit-linear-gradient(left, #cccccc 0%,#dcdcdc 200px,#a8a8a8 100%);
 background: linear-gradient(to right, #cccccc 0%,#dcdcdc 200px,#a8a8a8 100%);
}
.waitwindowbg { background: #eeeeee; }
.dimbg		{ background: #999999; }
.graybg,.greybg { background: #808080; }
.darkbg		{ background: #666666; }
.blackbg	{ background: #000000; }
.positivebg	{ background: #66AA55; }
.lightpositivebg	{ background: #ddffbb; }
.darknegativebg	{ background: #772222; }
.negativebg	{ background: #aa5555; }
.lightnegativebg	{ background: #FFdddd; }
.otherbg	{ background: #999966; }
.lightotherbg	{ background: #ffffcc; }
.infobg		{ background: #3377aa; }
.lightinfobg { background: #66ccff; }
.whitebg	{ background: #FFFFFF; }
.yellowbg	{ background: #ffff80; }
.highlightbg  { background: #fffddd; }
.navbarborder { background: #666666; }

/* font colors ------------------- */
.fontpositive { color: #009000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightpositive { color: #ccffbb; }
.fontnegative { color: #B00000; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightnegative { color: #ffdddd; text-shadow: 0 0 3px #884; }
.fontother    { color: #805500; text-shadow: 0 0 1px #fff, 0 0 2px #fff; }
.fontlightother    { color: #ffff66; text-shadow: 0 0 1px #000; }
.fontinfo     { color: #226699; text-shadow: 0 0 1px #fff; }
.fontblack    { color: #000000; }
.fontdark     { color: #666666; }
.fontgray, .fontgrey { color: #808080; }
.fontdim      { color: #999999; }
.fontlight    { color: #f8f8f8; }
.fontwhite    { color: #ffffff; }
.fontshadowwhite {text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 2px #fff, 0 0 3px #fff;}

.fontlightpositive a, .fontlightnegative a, .fontlightother a, .fontlight a, .fontwhite a { color: #bbddff !important; }

.font7 { font-size: 7pt; }
.font7-5 { font-size: 7.5pt; }
.font8 { font-size: 8pt; }
.font9 { font-size: 9pt; }
.font10 { font-size: 10pt; }
.font11 { font-size: 11pt; }
.font12 { font-size: 12pt; }
.font14 { font-size: 14pt; }
.font20 { font-size: 20pt; }
.font26 { font-size: 26pt; }
.font36 { font-size: 36pt; }


/* jquery UI specifics... */
.ui-datepicker { z-index:20 !important; }
.ui-datepicker { font-size:8pt !important; }
.ui-datepicker td { font-size:9pt !important; }
.ui-datepicker select { height:20px !important; }
.ui-datepicker option { font-size:8.5pt !important; }
.ui-autocomplete { max-height: 240px; overflow-y: auto; overflow-x: hidden;}
.ui-state-focus { background: #8899bb !important; color: #fff !important; } /* Autocomlete select bar */