/* 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;
}
td {
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
}

h1 {
 font-family: arial, helvetica, sans-serif;
 font-size: 14pt;
 margin: 6pt 1pt 6pt 1pt;
}
h2 {
 font-family: arial, helvetica, sans-serif;
 font-size: 13pt;
 margin: 5pt 1pt 5pt 1pt;
}
h3 {
 font-family: arial, helvetica, sans-serif;
 font-size: 11.5pt;
 margin: 4pt 1pt 4pt 1pt;
}
h4 {
 font-family: arial, helvetica, sans-serif;
 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:1pt;
 margin-bottom:2pt;
}
dt {
}
dd {
 margin-left:2.2em;
 margin-bottom:2pt;
}
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;
 margin-right:auto;
}
.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; }

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

/* CSS background highlight of target elements... */
div:target {
 -webkit-animation: hilite-background 3s;
 -moz-animation: hilite-background 3s;
 -ms-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: 2px; 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 {
 text-align: right;
 padding: 3px 0 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_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_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;
}
*html .infoview_body { padding-right: 0; } /* IE6 */
*+html .infoview_body { padding-right: 0; } /* IE7 */

.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;
}
.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_mobile_left {
}
.form_hint_div {
 padding-top: 3px;
 padding-left: 3px;
}
.form_radio {
 font-size: 10pt;
}

.form_radio_small {
 font-size: 9pt;
}

.form_checkbox {
 font-size: 10pt;
}
.form_radio_div {
 margin-top: 4px;
}
.form_radio_small {
}
.checkboxradiodiv {
 margin-top: 3px;
}

.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;
}
.form_separator_label_small {
 color: #fff;
 font-weight: bold;
 font-size: 10pt;
}
.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;
}
.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;
}

.fullwidth {
 width: 97%; /* Mainly used for fields on Mobile devices */
}

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

/* Expander to snow more infos */
.expander_collapsed {
 margin-left: auto;
 margin-right: auto;
}
.expander_bg {
 background: url(images/expander_fader.png) repeat-x;
 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;
 padding:0 0 1px 8px;
}
.expander_right {
 background: url(images/expander_right.gif) 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%;
}

.message_error {
 float: left;
 border: 2px solid #c71818;
 background: #fff url("images/red_fader.gif") repeat-x;
 background: -moz-linear-gradient(top, #ffc4c4 0%, #ffcccb 5px, #fff0f0 19px, #fffefe 25px, #ffffff 33px);
 background: -webkit-linear-gradient(top, #ffc4c4 0%, #ffcccb 5px, #fff0f0 19px, #fffefe 25px, #ffffff 33px);
 background: linear-gradient(to bottom, #ffc4c4 0%, #ffcccb 5px, #fff0f0 19px, #fffefe 25px, #ffffff 33px);
 color: #c71818;
}

.message_warning {
 float: left;
 border: 2px solid #ee8800;
 background: #fff url("images/orange_fader.gif") repeat-x;
 background: -moz-linear-gradient(top, #ffec81 0%, #ffec81 8px, #fff6c3 14px, #ffffff 27px, #ffffff 33px);
 background: -webkit-linear-gradient(top, #ffec81 0%, #ffec81 8px, #fff6c3 14px, #ffffff 27px, #ffffff 33px);
 background: linear-gradient(to bottom, #ffec81 0%, #ffec81 8px, #fff6c3 14px, #ffffff 27px, #ffffff 33px);
 color: #995500;
}

.message_info {
 float: left;
 border: 2px solid #339933;
 background: #fff url("images/green_fader.gif") repeat-x;
 background: -moz-linear-gradient(top, #c8ffb5 0%, #ccffba 9px, #d6ffc7 13px, #fafff8 29px, #ffffff 33px);
 background: -webkit-linear-gradient(top, #c8ffb5 0%, #ccffba 9px, #d6ffc7 13px, #fafff8 29px, #ffffff 33px);
 background: linear-gradient(to bottom, #c8ffb5 0%, #ccffba 9px, #d6ffc7 13px, #fafff8 29px, #ffffff 33px);
 color: #276d0f;
}

.message_error_title {
 font-size: 12pt;
 font-weight: bold;
}

.message_warning_title {
 font-size: 12pt;
 font-weight: bold;
}

.message_info_title {
 font-size: 12pt;
 font-weight: bold;
}

.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: #ee8800;
}
.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.2em;
 list-style-image:  url('data:image/gif;base64,R0lGODlhBwAJAIAAAIyMjP///yH5BAMAAAEALAAAAAAHAAkAAAIMjI+ABpr9IJNzuXUKADs='); /* url(icons/arrow_right_grey.gif); */
}
:root .list_element_actions li { text-indent: -3px; } /* FF, Safari */
*html .list_element_actions ul { line-height: 1em; }  /* IE6 */
*html .list_element_actions li { margin-top: 0.3em; }
*+html .list_element_actions ul { line-height: 1em; } /* IE7 */
*+html .list_element_actions li { margin-top: 0.3em; }


/* 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 { }

/* 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);
}

/* 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: #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 0 0;
 z-index: 2;
 text-align: right;
}
*html #session_search_right { padding-top: .15em; }
*+html #session_search_right { padding-top: .1em; }

#session_search_right input.search {
 font-size: 11px;
 color: #808080;
 background: #f4f6f8 url(icons/magnifier.png) no-repeat;
 background-position: 4px 1px;
 width: 110px;
 line-height: 15px;
 height: 15px;
 padding-left: 22px;
}

/* 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;
}
.sessions_agenda_icon_add {
 cursor: pointer; cursor: hand;
 border:0;
 position: absolute;
 z-index: 2;
}
.sessions_agenda_icon_add_hidden {
 display: none;
}
.sessions_agenda_icon_in {
 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: 262px;
 height: 25px;
}
.sessions_agenda_div_add {
 cursor: pointer; cursor: hand;
 position: absolute;
 z-index: 2;
 width: 254px;
 padding: 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;
 z-index: 1;
 width: 254px;
 padding: 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;
 width: 254px;
 padding: 2px;
 font-size: 9pt;
 background: #ffcccc;
 border: 1px solid #c52e2e;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 border-radius: 11px;
}

/* 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; }
.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;
}
*html .navbar_menu.user a, *html .navbar_menu.user a:visited {
 width:17em; /* IE6 requires fixed width! */
}

.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;
 padding-right: 15px;
 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('https://www.conftool.net/en/index.html') 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;
}

/* 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;
}


/*  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 and below */
 max-height: 100%;
}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.hidden {display:none; height: 0; width: 0; overflow: hidden;}

.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%);
}
.dimbg		{ background: #999999; }
.graybg,.greybg { background: #808080; }
.darkbg		{ background: #666666; }
.blackbg	{ background: #000000; }
.positivebg	{ background: #66AA55; }
.lightpositivebg	{ background: #ddffbb; }
.darknegativebg	{ background: #772222; }
.negativebg	{ background: #CC8080; }
.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: #ffcccc; }
.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;}

.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 */