/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

span.hidden_link_text
{
  display: none;
}

td.nowrap
{
  white-space: nowrap;
}


/* <general> */
a
{
  color: #7d775c;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a.external-link
{
  background: transparent url(/images/icons_custom/link_external.png) no-repeat scroll right top;
  padding-right: 13px
}

div.spinner
{
  padding-left: 25px;
  padding-right: 5px;
  background: transparent url(/images/common/spinner.gif) no-repeat 5px center;
}

div.spinner_initial_load
{
  background: url("/images/common/spinner_snake.gif") no-repeat scroll 5px 0px transparent;
  border-bottom: 1px none transparent;
  border-top: 1px none transparent;
  margin-top: 1.6em;
  padding-left: 27px;
  padding-right: 5px;
  margin-left: 7px;
}

li.spinner_sending, .newsletter_sending
{
  background: url("/images/common/spinner_snake.gif") no-repeat scroll 5px 0px transparent;
  padding-left: 27px;
  padding-right: 5px;
}

.newsletter_complete, .newsletter_error
{
  padding-left: 27px;
  padding-right: 5px;
}

.newsletter_complete
{
  background: url("/images/icons/tick.png") no-repeat scroll 5px 0px transparent;
}

.newsletter_error
{
  background: url("/images/icons/exclamation.png") no-repeat scroll 5px 0px transparent;
}
/* </general> */

/* <layout> */
html, body
{
  height: 100%;
  /*overflow: -moz-scrollbars-vertical, -moz-scrollbars-horizontal;*/
  overflow: hidden;
}

body
{
  text-align: left;
  font-family:georgia,sans-serif;
  font-family:Arial, Helvetica, sans-serif;

  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  /*letter-spacing:0px;*/
  line-height:normal;

  color: #7d775c;
  margin-top: 0px;
}

.banner {
  height: 30px;
  align-items: center;
  display: flex;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 10pt;
}

.banner .mx-2 {
  margin-left: 0.5rem;
}

#outdated-browser-banner
{
  color: white;
  background: rgb(217, 83, 79);
}

#preview-warning-banner
{
  color: white;
  background: rgb(95, 141, 179);
}

#su_banner
{
  color: rgb(125, 119, 92);
  background: rgb(255, 217, 80);
}

#su_banner strong {
  font-weight: 900;
}

#su_banner .button {
  margin-left: auto;
}

#header
{
  background-color: #ecefe8;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 94px;
  display: flex;
  align-items: center;
  padding: 10px;
}

#header h1
{
  color:#333333;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 0 20px;
}

#header h1 strong
{
  font-weight: 900;
  display: block;
}

#logout_link
{
  font-size: 10pt;
  margin-left: auto;
  text-align: right;
  line-height: 1.47;
}

#logout_link a
{
  text-decoration: underline;
}

#main_nav
{
  position: absolute;
  top: 94px;
  height: 31px; /* MAIN NAV HEIGHT */
  width: 100%;
  background: transparent url(/images/admin/tabs_bg.png) repeat-x center top;
  /*background-color: #EFCC56;*/
}

#main_nav.with_1_banners
{
  top: 124px; /* NORMAL + IE WARNING HEIGHT */
}

#main_nav.with_2_banners
{
  top: 154px; /* NORMAL + IE WARNING HEIGHT + PREVIEW BANNER HEIGHT */
}

#main_nav.with_3_banners
{
  top: 184px; /* NORMAL + IE WARNING HEIGHT + PREVIEW BANNER HEIGHT */
}

#content
{
  position: absolute;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0px;
  top: 125px; /* HEADER HEIGHT + MAIN NAV HEIGHT */
  bottom: 30px; /* FOOTER HEIGHT */
}

#content.with_1_banners
{
  top: 155px; /* NORMAL + IE WARNING HEIGHT  */
}

#content.with_2_banners
{
  top: 185px; /* NORMAL + IE WARNING HEIGHT  */
}

#content.with_3_banners
{
  top: 215px; /* NORMAL + IE WARNING HEIGHT  */
}

* html #content
{
  height: 100%;
}

#footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

#footer a, #footer a:visited, #footer a:focus, #footer a:link {
  display: block;
  cursor: pointer;
  background: url(/images/common/powered_by_sitrox_blue.svg) no-repeat scroll 0 0 transparent;
  height: 24px;
  width: 137px;
  margin-right: 10px;
}

#footer .version {
  margin-left: 10px;
}

/* </layout> */

/* <dhxLayout> */
#dhxLayout
{
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 100%;
}

#dhxLayout #layoutContainer
{
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 100%;
}

#dhxLayout #layoutContainer div.window
{
  width: 100%;
  height: 100%;
  overflow:auto;
  top: 0px;
  bottom: 0;
}

#dhxLayout #layoutContainer div.window.no_scroll
{
  overflow:hidden;
}

#dhxLayout #layoutContainer div.caption
{
  display:none;
}

div#global_overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10000;
  background: #aaaaaa url(/images/common/spinner_large.gif) no-repeat center center;
  filter:alpha(opacity=50);
  -moz-opacity:.5;opacity:.5;
}

div.loading
{
  background: #d0d0d0 url(/images/common/loading.gif) no-repeat center center;
  filter:alpha(opacity=50);
  -moz-opacity:.5;opacity:.5;
}

div.loading-overlay
{
  background: #d0d0d0 url(/images/common/loading.gif) no-repeat center center;
  filter:alpha(opacity=50);
  -moz-opacity:.5;opacity:.5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}

#dhxLayout .window h1
{
  background-color: #eff2f7;
  font-size:1.2em;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 8px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  border-top: 0px transparent;
}

#dhxLayout .window h1.margin
{
  margin-top: 0.8em;
  /*margin-bottom: 0.6em;*/
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

#dhxLayout .window h2
{
  background-color: #eff2f7;
  font-size:1.1em;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

#dhxLayout .window h3
{
  background-color: #fff3ca;
  font-size:1.0em;
  margin-top: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
/* </dhxLayout> */

/* <trees> */
div.fullsize_tree
{
  /*
  width:100%;
  height:100%;
  background-color:#f5f5f5;
  border:1px solid Silver;
  overflow:hidden
  */
  height: 100%;
  overflow: scroll;
}

div.fullsize_grid
{
  height: 100%;
  overflow: scroll;
}

div.expand_collapse
{
  display: inline;
  font-size:0.9em;
  font-weight: normal;
}
/* </trees> */

/* <welcome page> */
div.welcome_link
{
  border: 2px solid #cccccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*behavior:url(/border-radius.htc);*/
  padding: 5px;
  margin: 15px;
  width: 450px;
  height: 105px;
  cursor: pointer;
  float: left;
}

div.welcome_link.explanation
{
	cursor: auto;
	height: auto;
	width: auto;
}

div.welcome_link.explanation .welcome_link_description
{
	width: auto !important;
}

div.welcome_link:hover
{
  border-color: #7d775c;
  background-color: #eeeeee;
}

div.welcome_link div.welcome_link_icon
{
  width: 80px;
  float: left;
  padding-left: 5px;
  padding-top: 15px;
}

div.welcome_link.explanation div.welcome_link_icon
{
	padding-top: 45px;
}

div.welcome_link_description
{
  width: 355px;
  float: left;
}

div.welcome_link_description div.title
{
}

div.welcome_link_description div.title
{
  font-size:1.4em;
  letter-spacing: 1px;
  border-bottom: 2px solid #cccccc;
  display: block;
  /*
  display: inline;
  padding-right: 2px;
  */
}

div.welcome_link_description div.text p
{
  padding-top: 3px;
}

div.welcome_link_description li
{
	list-style-type: disc;
	margin-left: 15px;
}

div.welcome_link_description b.text-danger
{
	color: #c90404;
}
/* </welcome page> */

/* <missing javascript support> */
#noscript
{
  position: absolute;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  top: 90px; /* HEADER HEIGHT */
  background-color: #FFCCCC;
  border: 1px solid red;
  color: #FF0000;
  font-weight: bold;
  line-height: 40px;
  bottom: 0;
  font-size: 1.3em;
  z-index: 99;
}
* html #noscript
{
  height: 100%;
}
/* </missing javascript support> */


/* <user roles> */
.user_roles
{
  color: #aaaaaa;
}


/* different user roles, colored by disaster level
 * of missassignment */
.user_role_author,
.user_role_doc_exporter
{
  color: #00bb00;
}

.user_role_exporter
{
  color: #bb0000;
}

.user_role_publisher,
.user_role_user_group_assigner,
.user_role_user_supporter
{
  color: #dd0000;
}

.user_role_converter_author,
.user_role_application_translator
{
  color: #ff9c00;
}

.user_role_user_manager,
.user_role_configurator
{
  color: #ee0000;
  font-weight: bold;
}
/* </user roles> */

/* <search matches> */
.match
{
  font-weight: 900;
  background-color: #ffff99;
}
/* </search matches> */

/* <publication attachment listing> */
#publication_external_links table tr.nohighlight:hover, #change_document_external_links table tr.nohighlight:hover
{
  background-color: #ffffff;
}
/* </publication attachment listing> */

.monospace
{
  font-family: monospace;
}

#proceeding_version_attachments {
  padding-left: 1px;
  padding-bottom: 150px;
}

#proceeding_version_attachments ul.proceeding_version_attachment_file {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}

#random_password a.link.ok {
	cursor: text;
}

#random_password a.link.ok:hover {
	text-decoration: none;
}

#random_password #password {
  color: #009900;
  font-weight: bold;
}

span.texthighlight {
  background-color: #ffff60;
  padding: 1px 2px;
}

.building_block_selector_button {
  margin-left: 4px;
}

.building_block_selector {
  margin-left: 4px;
}


#lang_selector
{
  padding: 0;
  height: 23px;
  line-height: 23px;
  font-size-adjust: none;
  font-variant: normal;
  font-weight: normal;
  font-size: small;
}

#lang_selector ul
{
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#lang_selector li
{
  display: block;
  float: left;
  text-align: center;
  padding: 1px;
  margin: 0;
}

#lang_selector ul li a
{
  background: #fff;
  width: 23px;
  height: 23px;
  border-top: 1px solid #efcc56;
  border-left: 1px solid #efcc56;
  border-bottom: 1px solid #efcc56;
  border-right: 1px solid #efcc56;
  padding: 0;
  margin: 0 0 10px 0;
  /*color: #efcc56;*/
  text-decoration: none;
  display: block;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}

#lang_selector ul li a:hover
{
  /*color: #930;*/
  color: #111111;
  background: #EFCC56;
}

#lang_selector a:active
{
  background: #EFCC56;
  color: #fff;
}

#lang_selector li.active a
{
  background: #EFCC56;
  border: 1px solid #7d775c;
  color: #fff;
}



#main_nav
{
  margin: 0;
  padding: 0;
  line-height: 23px;
  padding-left: 7px;
  padding-top: 7px;
  margin-top: 0px;
  font-size: 10pt;
}

#main_nav ul
{
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  margin-left: 3px;
}

#main_nav li
{
  display: block;
  float: left;
  text-align: center;
  padding: 0px;
  margin: 0;
  margin-right: 3px;
}

#main_nav ul li a
{
  background: #fff;
  height: 23px;
  padding: 0 5px;
  margin: 0 0 10px 0;
  text-decoration: none;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  color: #6A6448;
  border: 1px solid #6A6448;
  font-weight: bold;
}

#main_nav ul li a:hover,
#main_nav a:active,
#main_nav li.active a
{
  background: #FFF5D5;
  border-color: #B1A579;
}


form
{
  margin:0;padding:0;
}

form input, form textarea, form select
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
}


form textarea.autogrow2
{
  resize: none;
}

fieldset
{
  /*margin:1em 0;*/
  margin-top: 5px;
  margin-bottom: 13px;
  border:none;
  border-top:1px solid #ccc;
  /*padding:0 .5em;*/
  margin-top: 5px;
  padding:0 10px;
}

legend
{
  /*
  margin:1em 0;
  padding:.2em .5em;
  padding:.2em .5em;
  */
  margin: 11px 0;
  padding: 2px 6px;
  color: #7d775c;
  background:transparent;
  font-size:1.4em;
  font-weight:normal;
  font-size:1.0em;
  font-size:0.9em;
  font-weight:bold;
  border:1px solid #ccc;
}

label
{
  float:left;
  width:155px; /* LEFT COLUMN */
  padding:0 1em;
  text-align:right;
  font-size:0.9em;
  padding-top: 2px;
  /*display: inline;*/
}

label.autowidth
{
  width:auto;
}

fieldset div
{
  margin-bottom:.5em;padding:0;display:block;
}

fieldset div input,fieldset div textarea, fieldset div select
{
  width:350px; /* RIGHT COLUMN */
  margin-left: 1px; /* TODO REMOVE (IE HACK FOR .tinymce-init-after-layout-wrapper) */
  border-top:1px solid #555;
  border-left:1px solid #555;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:1px;
  color: #7d775c;
}

/* Issue #69482, can possibly be removed for reengineering. */
form select
{
  background-color: #ffffff;
}

fieldset div.markdown_editor_wrapper
{
  width:355px;
}

fieldset div select
{
  width: 354px;
}

fieldset p.input_hint
{
  width:328px;
  border: 1px solid;
  margin-left:179px; /* LEFT COLUMN */
  margin-top: 3px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-position: 2px center;
  padding:2px 2px 2px 2px;
  padding-left: 22px;
}

fieldset p.input_hint.inline
{
  display: inline;
  margin-left: 0;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

fieldset p.input_hint.informational
{
  break-after: always;
  margin-bottom: 10px;
  color: #00529B;
  background-color: #ecF5FF;
  border-color: #ccdaFF;
  background-image: url('/images/icons/information.png');
}

fieldset .nested-fields ~ .nested-fields
{
  margin-top: 20px;
}

fieldset .nested-fields.links
{
  margin-top: 10px;
  margin-bottom: 20px;
}

fieldset div select.narrow, fieldset div input.narrow, #direct_publication_list select.narrow, #direct_publication_list input.narrow
{
  width: 145px;
}

fieldset div select.medium, fieldset div input.medium
{
  width: 280px;
}

fieldset div select
{
  padding:1px;
}

div.fm-multi div
{
  margin:5px 0;
}

div.fm-multi input
{
  width:1em;
}

div.fm-multi label
{
  display:block;width:200px;padding-left:5em;text-align:left;
}

.fm-submit
{
  clear:both;
  /*padding-top:10px;*/
  text-align:left;
  padding: 0px;
  margin: 0px;
  border: 0px;
  /*margin-left: 155px; */ /* LEFT COLUMN */
  padding-left: 1em;
  /*
  background-color: #f00;
  */
  /*padding-top: 5px;*/
}

.fm-submit input
{
  border:1px solid #333;
  padding:2px 3px;;
  background:#555;
  color:#fff;
  font-size:0.9em;
  width: 120px;
}

input:focus,textarea:focus,select:focus
{
  background:#efefef;color:#000;
}

fieldset div.fm-req
{
  font-weight:bold;
}

fieldset div.fm-link
{
	font-weight: normal;
	font-size: 0.9em !important;
}

fieldset div.fm-req label:before
{
  /*content:"* ";*/
}

p.fm-intro
{
  margin:0;
}

/* custom extensions */
/*
div.fm-cb div
{
  margin:5px 0;
}
*/

div.fm-cb {
  display: flex;
  align-items: center;
  margin: 0.3em 0;
}

div.fm-cb input
{
  order: 1;
  align-self: flex-start;
  border: 0px solid transparent;
  width: 1em;
  height: 1em;
  margin-left: 155px; /* LEFT COLUMN */
}

div.fm-cb label
{
  order: 2;
  text-align:left;
  width: 350px; /* RIGHT COLUMN */
  margin-left: 1em;
  padding: 0;
}

div.fm-cb label.disabled
{
  color: #bbb;
}

input.disabled, select.disabled, textarea.disabled
{
  background-color: #ddd;
  resize: none;
}

iframe.upload_frame
{
  visibility: hidden;
  width: 1px;
  height: 1px;
  border: 0px sold transparent;
  background-color: transparent;
}

/* special form for inline display */
.inline_form
{
  border: 2px solid #cccccc;
  margin: 10px;
  padding-bottom: 7px;
}

#dhxLayout .window .inline_form h3
{
  margin-top: 0px;
  border-top: 0px transparent;
}

/* specially highlighted form elements */
.todo
{
  background-color: #ffff99 !important;
}

.todo:focus
{
  background-color: #ffffcc !important;
}

input.loading
{
  background: transparent url(/images/common/spinner.gif) no-repeat right center;
}

select.loading
{
  background: transparent url(/images/common/spinner.gif) no-repeat right center;
  padding-right: 20px;
  background-origin: content-box;
}

ul.linklist-h li
{
  max-width: 800px;
}

ul.linklist-h select
{
  margin-top: -3px;
  max-width: 800px;
}

/* special fields */
table td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel
{
  -moz-user-select: -moz-none !important;
}
input.searchbox-field
{
  margin-left: 5px;
  -moz-user-select: text;
  margin-top:-1px;
}

/* containers */
li.form_item
{
  border: 2px solid #cccccc;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 4px;
}

.tinymce-init-after-layout-wrapper
{
  /* TODO: FIX THIS (NOT PROPPERLY ALIGNED BUT IE WRAPS WITH LESS MARGIN ON THE LEFT */
  /* NOW FIXED WITH ADDITIONAL MARGIN LEFT FOR FORM ELEMENTS */
  width: 354px; /* RIGHT COLUMN + 4px */
  margin-left: 179px; /* LEFT COLUMN + 24px */
}

fieldset.flexcontent .tinymce-init-after-layout-wrapper
{
  margin-left: 0;
}

/* remark text formatting */
em.deleted_remark
{
  /*font-weight: bold;*/
  font-style: italic;
  color: #c00;
}

#annex_form .upload_field label {
  width: auto;
  padding-left: 0;
  font-size: 1em;
  padding-top: 7px;
}

#annex_form table td {
  height: 24px;
  vertical-align: bottom;
}

#annex_documents h4,
.proceeding_version_referendum h4,
#proceeding_version_attachments h4 {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #cccccc;
  background-color: #eff2f7;
  background-color: #e3eeef;
}

#annex_documents .inline_form {
  margin: 0;
  border: 1px dotted #cccccc;
}

#annex_documents .upload_field input {
  position: relative;
  top: 4px;
}

#annex_documents .flash {
  margin: 0 !important;
  margin-bottom: -3px !important;
}

fieldset.wide label {
	width: 250px;
}

/* Structured element forms */
form.edit_title .change_enactment_date,
form.new_title .change_enactment_date,
form.edit_article .change_enactment_date,
form.edit_paragraph .change_enactment_date {
  margin-top: 4px;
}

form.edit_paragraph .inline_image_form .change_enactment_date {
  margin-top: 0px;
}

form.edit_title .change_enactment_date label,
form.new_title .change_enactment_date label,
form.edit_article .change_enactment_date label,
form.edit_paragraph .change_enactment_date label {
  float: none;
  padding: 0;
  margin-right: 0.5em;
}

/* FIXME: Breaks the alignment of tiny fields */
fieldset.flexcontent .fm-req {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* FIXME: Breaks the alignment of tiny fields */
fieldset.flexcontent .fm-opt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

fieldset div input.invalid {
  background-color: #ffccba;
  color: #d63301;
}


.link {
  /*line-height: 31px;*/
  padding-left: 25px;
  padding-right: 5px;
  }
  .link.delete, .link.remover {
    background: transparent url(/images/icons/bin_closed.png)    no-repeat 5px 0px; }
  .link.delete:hover, .link.remover:hover {
    background: transparent url(/images/icons/bin.png)    no-repeat 5px 0px; }
  .link.delete_disabled, .link.remover_disabled {
    background: transparent url(/images/icons_disabled/bin_closed.png)    no-repeat 5px 0px; }
  .link.delete_disabled:hover, .link.remover_disabled:hover {
    background: transparent url(/images/icons_disabled/bin.png)    no-repeat 5px 0px; }
  .link.add, .link.adder {
    background: transparent url(/images/icons/add.png)    no-repeat 5px 0px; }
  .link.add-publication {
    background: transparent url(/images/icons/page_white_add.png)    no-repeat 5px 0px; }
  .link.reload {
    background: transparent url(/images/icons/arrow_refresh.png)    no-repeat 5px 0px; }
  .link.abort {
    background: transparent url(/images/icons/cancel.png)    no-repeat 5px 0px; }
  .link.save {
    background: transparent url(/images/icons/disk.png)    no-repeat 5px 0px; }
  .link.close {
    background: transparent url(/images/icons/cross.png)    no-repeat 5px 0px; }
  .link.ok {
    background: transparent url(/images/icons/tick.png)    no-repeat 5px 0px; }
  .link.xls {
    background: transparent url(/images/icons/page_white_excel.png)    no-repeat 5px 0px; }
  .link.failure {
    background: transparent url(/images/icons/cross.png)    no-repeat 5px 0px; }
  .link.find {
    background: transparent url(/images/icons/find.png)    no-repeat 5px 0px; }
  .link.back {
    background: transparent url(/images/icons/arrow_undo.png)    no-repeat 5px 0px; }
  .link.edit {
    background: transparent url(/images/icons/wrench.png)    no-repeat 5px 0px; }
  .link.show {
    background: transparent url(/images/icons/eye.png)    no-repeat 5px 0px; }
  .link.abrogate, .link.abrogated:hover {
    background: transparent url(/images/icons_custom/disabled_inactive.png)    no-repeat 5px 0px; }
  .link.abrogated, .link.abrogate:hover {
    background: transparent url(/images/icons_custom/disabled.png)    no-repeat 5px 0px; }
  .link.add_enumeration_item {
    background: transparent url(/images/icons_custom/add_text_list_numbers.png)    no-repeat 5px 0px; }
  .link.add_article {
    background: transparent url(/images/icons_custom/add_article.png)    no-repeat 5px 0px; }
  .link.add_paragraph {
    background: transparent url(/images/icons/text_dropcaps.png)    no-repeat 5px 0px; }
  .link.add_footnote {
    background: transparent url(/images/icons/text_signature.png)    no-repeat 5px 0px; }
  .link.add_title_1 {
    background: transparent url(/images/icons/text_heading_1.png)    no-repeat 5px 0px; }
  .link.add_title_2 {
    background: transparent url(/images/icons/text_heading_2.png)    no-repeat 5px 0px; }
  .link.add_title_3 {
    background: transparent url(/images/icons/text_heading_3.png)    no-repeat 5px 0px; }
  .link.add_title_4 {
    background: transparent url(/images/icons/text_heading_4.png)    no-repeat 5px 0px; }
  .link.add_title_5 {
    background: transparent url(/images/icons/text_heading_5.png)    no-repeat 5px 0px; }
  .link.add_title_6 {
    background: transparent url(/images/icons/text_heading_6.png)    no-repeat 5px 0px; }
  .link.two_columns {
    background: transparent url(/images/icons/text_columns.png)    no-repeat 5px 0px; }
  .link.one_column {
    background: transparent url(/images/icons/text_align_justify.png)    no-repeat 5px 0px; }
  .link.odt {
    background: transparent url(/images/icons/page_white_office.png)    no-repeat 5px 0px; }
  .link.doc {
    background: transparent url(/images/icons/page_white_word.png)    no-repeat 5px 0px; }
  .link.docx {
    background: transparent url(/images/icons/page_white_word.png)    no-repeat 5px 0px; }
  .link.pdf {
     background: transparent url(/images/icons/page_white_acrobat.png)    no-repeat 5px 0px; }
  .link.html {
     background: transparent url(/images/icons/page_white_magnify.png)    no-repeat 5px 0px; }
  .link.xml {
    background: transparent url(/images/icons/page_white_code.png)    no-repeat 5px 0px; }
  .link.json {
    background: transparent url(/images/icons/page_white_gear.png)    no-repeat 5px 0px; }
  .link.add_enumeration {
    background: transparent url(/images/icons_custom/add_text_list_numbers.png)    no-repeat 5px 0px; }
  .link.add_tabular_enumeration {
    background: transparent url(/images/icons/table_add.png)    no-repeat 5px 0px; }
  .link.add_image_attachment {
    background: transparent url(/images/icons/image_add.png)    no-repeat 5px 0px; }
  .link.attach {
    background: transparent url(/images/icons/attach.png)    no-repeat 5px 0px; }
  .link.language {
    background: transparent url(/images/icons_custom/language.png)    no-repeat 5px 0px; }
  .link.page_new {
    background: transparent url(/images/icons/page_white_star.png)    no-repeat 5px 0px; }
  .link.page_new_disabled {
    background: transparent url(/images/icons_disabled/page_white_star.png)    no-repeat 5px 0px; }
  .link.page_add {
    background: transparent url(/images/icons/page_white_add.png)    no-repeat 5px 0px; }
  .link.page_get {
    background: transparent url(/images/icons/page_white_get.png)    no-repeat 5px 0px; }
  .link.page_get_disabled {
    background: transparent url(/images/icons_disabled/page_white_get.png)    no-repeat 5px 0px; }
  .link.clone {
    background: transparent url(/images/icons_custom/clone.png)    no-repeat 5px 0px; }
  .link.clone_new_proceeding {
    background: transparent url(/images/icons_custom/clone_new_proceeding.png)    no-repeat 5px 0px; }
  .link.fork_proceeding  {
    background: transparent url(/images/icons_custom/briefcase_go.png)    no-repeat 5px 0px; }
  .link.unfork_proceeding {
    background: transparent url(/images/icons_custom/briefcase_cancel_go.png)    no-repeat 5px 0px; }
  .link.archive_proceeding  {
    background: transparent url(/images/icons/control_pause_blue.png)    no-repeat 5px 0px; }
  .link.unarchive_proceeding {
    background: transparent url(/images/icons/control_play_blue.png)    no-repeat 5px 0px; }
  .link.obsolete_proceeding  {
    background: transparent url(/images/icons_custom/cobweb.png)    no-repeat 5px 0px; }
  .link.unobsolete_proceeding {
    background: transparent url(/images/icons_custom_disabled/cobweb.png)    no-repeat 5px 0px; }
  .link.clone_private {
    background: transparent url(/images/icons_custom/clone_private.png)    no-repeat 5px 0px; }
  .link.diff {
    background: transparent url(/images/icons_custom/page_diff.png)    no-repeat 5px 0px; }
  .link.publish {
    background: transparent url(/images/icons/page_go.png)    no-repeat 5px 0px; }
  .link.unpublish {
    background: transparent url(/images/icons/page_delete.png)    no-repeat 5px 0px; }
  .link.publish-disabled {
    background: transparent url(/images/icons_disabled/page_go.png)    no-repeat 5px 0px; }
  .link.undo {
    background: transparent url(/images/icons/arrow_undo.png)    no-repeat 5px 0px; }
  .link.totalrevision {
    background: transparent url(/images/icons/script_edit.png)    no-repeat 5px 0px; }
  .link.undo_total_revision {
    background: transparent url(/images/icons/arrow_undo.png)    no-repeat 5px 0px; }
  .link.components {
    background: transparent url(/images/icons_custom/components.png)    no-repeat 5px 0px; }
  .link.searchbox-go {
    background: transparent url(/images/icons/find.png)    no-repeat 5px 0px; }
  .link.searchbox-stop {
    background: transparent url(/images/icons/cancel.png)    no-repeat 5px 0px; }
  .link.history-infos {
    background: transparent url(/images/icons/text_signature.png)    no-repeat 5px 0px; }
  .link.history-infos-disabled {
    background: transparent url(/images/icons_disabled/text_signature.png)    no-repeat 5px 0px; }
  .link.change {
    background: transparent url(/images/icons/database_refresh.png)    no-repeat 5px 0px; }
  .link.ags_generator {
    background: transparent url(/images/icons_custom/page_white_time.png)    no-repeat 5px 0px; }
  .link.syn_generator {
    background: transparent url(/images/icons/table.png)    no-repeat 5px 0px; }
  .link.accept {
    background: transparent url(/images/icons/accept.png)    no-repeat 5px 0px; }
  .link.help {
    background: transparent url(/images/icons/help.png)    no-repeat 5px 0px; }
  .link.update {
    background: transparent url(/images/icons/time_go.png)    no-repeat 5px 0px; }
  .link.backup {
    background: transparent url(/images/icons_custom/page_copy_backup.png)    no-repeat 5px 0px; }
  .link.zip {
    background: transparent url(/images/icons/compress.png)    no-repeat 5px 0px; }
  .link.processing {
    background: transparent url(/images/common/spinner.gif)    no-repeat 5px 0px; }
  .link.signing {
    background: transparent url(/images/common/spinner_sign.gif)    no-repeat 5px 0px; }
  .link.err {
    background: transparent url(/images/icons/cross.png)    no-repeat 5px 0px; }
  .link.warn{
    background: transparent url(/images/icons/error.png)    no-repeat 5px 0px; }
  .link.minus {
    background: transparent url(/images/icons/delete.png)    no-repeat 5px 0px; }
  .link.pdferr {
    background: transparent url(/images/icons_custom/page_white_acrobat_error.png)    no-repeat 5px 0px; }
  .link.pdfsigned {
    background: transparent url(/images/icons_custom/page_white_acrobat_key.png)    no-repeat 5px 0px; }
  .link.reset_password {
    background: transparent url(/images/icons/key_go.png)    no-repeat 5px 0px; }
  .link.reset_display_settings {
    background: transparent url(/images/icons/cog_delete.png)    no-repeat 5px 0px; }
  .link.nl_unconfirmed {
    background: transparent url(/images/icons_disabled/user_orange.png)    no-repeat 5px 0px; }
  .link.nl_confirmed {
    background: transparent url(/images/icons/user_green.png)    no-repeat 5px 0px; }
  .link.nl_unsubscribed {
    background: transparent url(/images/icons/user_gray.png)    no-repeat 5px 0px; }
  .link.nl_origin_fe {
    background: transparent url(/images/icons/world.png)    no-repeat 5px 0px; }
  .link.nl_origin_be {
    background: transparent url(/images/icons/server_database.png)    no-repeat 5px 0px; }
  .link.nl {
    background: transparent url(/images/icons/newspaper.png)    no-repeat 5px 0px; }
  .link.nl_send {
    background: transparent url(/images/icons/newspaper_go.png)    no-repeat 5px 0px; }
  .link.nl_preview {
    background: transparent url(/images/icons_custom/newspaper_magnify.png)    no-repeat 5px 0px; }
  .link.up {
    background: transparent url(/images/icons/arrow_up.png)    no-repeat 5px 0px; }
  .link.down {
    background: transparent url(/images/icons/arrow_down.png)    no-repeat 5px 0px; }
  .link.bullets_up {
    background: transparent url(/images/icons_custom/bullets_up.png)    no-repeat 5px 0px; }
  .link.bullets_down {
    background: transparent url(/images/icons_custom/bullets_down.png)    no-repeat 5px 0px; }
  .link.annex_document_file.abrogated {
    background: transparent url(/images/icons_disabled/page_white.png)    no-repeat 5px 0px; }
  .link.su {
    background: transparent url(/images/icons_custom/hat.png)    no-repeat 5px 0px; }
  .link.helpers {
    background: transparent url(/images/icons/wand.png)    no-repeat 5px 0px; }
  .link.reorder {
    background: transparent url(/images/icons/text_linespacing.png)    no-repeat 5px 0px; }
  .link.renumber {
    background: transparent url(/images/icons/text_list_numbers.png)    no-repeat 5px 0px; }
	.link.display_settings {
    background: transparent url(/images/icons/table_gear.png)    no-repeat 5px 0px; }
	.link.show_annotations {
    background: transparent url(/images/icons_custom/comment_show.png)    no-repeat 5px 0px; }
	.link.hide_annotations {
    background: transparent url(/images/icons_custom/comment_hide.png)    no-repeat 5px 0px; }
	.link.clear_annotations {
    background: transparent url(/images/icons/comments_delete.png)    no-repeat 5px 0px; }
  .link.insert_special_markup {
    background: transparent url(/images/icons/text_letter_omega.png)    no-repeat 5px 0px; }
  .link.show_special_markup  {
    background: transparent url(/images/icons/pilcrow.png)    no-repeat 5px 0px; }
  .link.hide_special_markup {
    background: transparent url(/images/icons_custom/pilcrow_disable.png)    no-repeat 5px 0px; }
  .link.show_last_modification_information  {
    background: transparent url(/images/icons/user_edit.png)    no-repeat 5px 0px; }
  .link.hide_last_modification_information {
    background: transparent url(/images/icons_custom/user_edit_disable.png)    no-repeat 5px 0px; }
  .link.expand_all_tree_toc_items  {
    background: transparent url(/images/icons_custom/expand_all.png)    no-repeat 5px 0px; }
  .link.collapse_all_tree_toc_items {
    background: transparent url(/images/icons_custom/collapse_all.png)    no-repeat 5px 0px; }
	.link.convert_to_total_revision {
    background: transparent url(/images/icons_custom/convert_to_total_revision.png)    no-repeat 5px 0px; }
	.link.convert_to_total_revision_disabled {
    background: transparent url(/images/icons_custom_disabled/convert_to_total_revision.png)    no-repeat 5px 0px; }
	.link.translation_file {
    background: transparent url(/images/icons_custom/translation_file.png)    no-repeat 5px 0px; }
	.link.translation_file.upload {
    background: transparent url(/images/icons_custom/translation_file_upload.png)    no-repeat 5px 0px; }
	.link.translation_file.download {
    background: transparent url(/images/icons_custom/translation_file_download.png)    no-repeat 5px 0px; }
	.link.synchronize {
    background: transparent url(/images/icons/database_refresh.png)    no-repeat 5px 0px; }
	.link.make_random_password {
    background: transparent url(/images/icons/textfield_key.png)    no-repeat 5px 0px; }
  .link.move_up {
    background: transparent url(/images/icons/arrow_up.png)   no-repeat 5px 0px; }
  .link.move_down {
    background: transparent url(/images/icons/arrow_down.png) no-repeat 5px 0px; }
  .link.replace_word {
    background: transparent url(/images/icons_custom/page_white_word_put.png)    no-repeat 5px 0px; }

.link.hidden_text
{
  padding-right: 0px !important;
}

.link.annex_document_file.abrogated {
  font-weight: normal;
  font-style: italic;
}

.link.inline
{
  line-height: 16px;
  padding-left: 20px;
  background-position: 0px 0px;
}

.link.not_linked, .not_linked
{
  cursor: auto;
}

.link.not_linked:hover
{
  text-decoration: none;
}

.link.processing, .link.warn, .link.err, .link.signing
{
  text-decoration: none;
  cursor: default;
}

.link.processing, .link.signing
{
  color: #bbbbbb;
}

.link.warn, .link.err
{
  color: #d8000c;
}

.link.disabled
{
  color: #bbbbbb;
}

ul.linklist-h
{
  list-style-type: none;
}

ul.linklist-h li
{
  display: block;
  position:relative;
  float: left;
  margin-right: -1px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  z-index: 1;
  margin-bottom: 10px;
  /*line-height: 31px;*/
}

ul.linklist-h li:hover
{
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  z-index: 99;
}

table.linklist
{
  border: 0;
  padding: 0;
  margin: 0;
}

table.linklist td
{
  vertical-align: top;
  padding-right: 50px;
}

ul.linklist-h li.clear_left
{
  clear:left;
}

ul.linklist-h li.slided_out
{
  display:none;
}

.link.narrow {
  padding-left: 15px;
  background-position: 0 0;
}



table.listing
{ 
  background-color: #fafafa;
  border: 1px #000000 solid;
  border: 1px #cccccc solid;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  margin-left:0px;
}


table.listing th
{
  background-color: #d2e3ea;
  border: 1px #000000 solid;
  border: 1px #cccccc solid;
  font-weight: bold;
  font-size: 1em;
  padding-left: 3px;
  padding-right: 3px;
  color: #7d775c;
  white-space:nowrap;
}

table.listing td
{
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-weight: normal;
  font-size: 1em;
  color: #7d775c;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 10px;
}

table.listing td.autolink-hover, table.listing td.autolink-false-hover
{
  background-color: #eeeecc;
  cursor:pointer;
}

table.listing tr:hover td
{
  background-color: #d2e3ea;
}

table.listing.pointer
{
  cursor:pointer;
}

table.referendum td:first-child
{
  padding-right: 10px;
}


/* OLD */
/*
div.notice
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  border: 3px solid #0c0;
  margin-top: 20px;
  padding: 8px;
  font-weight: bold;
}
*/

/* NEW */
.info, .success, .warning, .error, .validation, .errorExplanation {
  border: 1px solid;
  margin: 10px 20px;
  margin-bottom: 20px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info, .success, .warning, .error, .validation {
  cursor: pointer;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/images/knobs/info.png');
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/images/knobs/success.png');
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/images/knobs/warning.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/images/knobs/error.png');
}

.validation, .errorExplanation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('/images/knobs/validation.png');
}

.info.email_notification
{
  background-image: url('/images/common/mail2_send.png');
}

.error.email_notification
{
  background-image: url('/images/common/mail2_send_error.png');
}

.structured_notice
{
  border: 1px solid;
  margin: 10px 20px;
  margin-bottom: 20px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/images/common/components.png');
}



#errorExplanation h2 {
  display: none;
}

#errorExplanation p {
  display: none;
}

#errorExplanation ul li {
  list-style: disc;
  margin-left: 22px;
}

.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select
{
  padding: 2px;
  background-color: #ffccba;
}

.fieldWithErrors
{
  display: inline;
}


/* Example tokeninput style #2: Facebook style */
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    width: 90%;
    border: 1px solid #ccc;
    cursor: text;
    /*
    font-size: 12px;
    font-family: Verdana;
    */
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #7D775C;
}

ul.token-input-list {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    /*
    font-size: 11px;
    */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*
    float: left;
    */
}

li.token-input-token p {
    /*
    display: inline;
    */
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    color: #a6b3cf;
    margin-right: 5px;
    font-weight: bold;
    cursor: pointer;
    float: right;
}

ul.token-input-list span.text-with-icon {
  color: #000;
  font-weight: normal;
  float:left;
  padding-left:23px;
  height:18px;
  line-height:18px;
  /*background-color: transparent;*/
  background-position: 2px 0px;
  background-repeat: no-repeat;
}

div.token-input-dropdown span.text-with-icon {
  padding-left:23px;
  height:18px;
  line-height:18px;
  /*background-color: transparent;*/
  background-position: 2px 0px;
  background-repeat: no-repeat;
}

li.token-input-selected-token {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token {
    float: left;
}

div.token-input-dropdown {
    position: absolute;
    position: relative;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    overflow-x:hidden; overflow-y:auto;
    /*
    font-size: 11px;
    font-family: Verdana;
    */
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fff;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: none;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #3b5998;
    color: #fff;
}

div.token-input-dropdown ul li b.token-input-list-search-highlight
{
  font-weight: 900;
  background-color: #ffff99;
  color: #7D775C;
}



.pagination {
  margin-top: 10px;
  margin-left: 5px;
  background: transparent;
  /* self-clearing method: */ }
  .pagination a, .pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .pagination span.disabled {
    color: #ccc;
    border: 1px solid #DDD; }
  .pagination span.current {
    font-weight: bold;
    background: #D2E3EA;
    color: white;
    border: 1px solid #7d775c; }
  .pagination a {
    text-decoration: none;
    color: #999;
    border: 1px solid #999; }
    .pagination a:hover, .pagination a:focus {
      color: #7d775c;
      background-color: #D2E3EA;
      border-color: #7d775c; }
  .pagination .page_info {
    background: #D2E3EA;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .pagination .page_info b {
      color: #003;
      background: #D2E3EA;
      padding: .1em .25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child+html .pagination {
    overflow: hidden; }



/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        /* font:900 0.8em/1em Verdana, Sans-Serif; */
        font-family:Arial, Helvetica, sans-serif;
        font-size: 0.7em;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(/images/datepicker/cal-grey.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(/images/datepicker/cal.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        /*letter-spacing:1px;*/
        /*font:normal 1.2em Verdana, Sans-Serif;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-weight:normal;
        font-size:2.4em;
        /*font-family: georgia, times new roman, palatino, times, bookman, serif;*/
        font-family:Arial, Helvetica, sans-serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        /*font:normal 1em Verdana, Sans-Serif;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1em;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important;         
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        /*font:900 1em Verdana, Sans-Serif;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0px;
        border:1px solid #ccc;        
        background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;               
        -moz-border-radius:0.8em;
        border-radius:0.8em;        
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:normal;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(/images/datepicker/backstripes.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(/images/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/images/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(/images/datepicker/backstripes.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:normal;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:normal;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */
div.datepicker-focus
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
        }
div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;	
        }
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                }
        div.static-datepicker:focus table
                {
                -webkit-box-shadow:0px 0px 5px #aaa;
                }
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}
/* Untested webkit rules for fading out the disabled buttons - fingers crossed */
@-webkit-keyframes fadeout {
        to {                           
                opacity: 0.4;                         
        }                 
        from {
                opacity: 1.0;
                color:#222;
        }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table thead th span.fd-disabled {                              
                -webkit-animation-name: fadeout;
                -webkit-animation-duration: 3s;
                -webkit-animation-timing-function: ease-in-out;
        }
} 


/* <dhx TODO create custom skin> */
/* use this or uncomment it and use the two lines at the bottom */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel
{
  font-family:Arial, Helvetica, sans-serif;
  color: #7d775c;
  font-size: 13px;
}
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel
{
  top: 6px !important;
}
/* <dhx TODO create custom skin> */

/* <dhxGrid> */
div.gridbox_light table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected
{
  background-color:#AddAff;
}
.dhx_header_cmenu
{
  background-color:#ffffff;
  border:2px outset silver;
}
.dhx_header_cmenu_item
{
  white-space:nowrap;
}
/* </dhxGrid> */

/* <dhxLayout v="2.5"> */
/*
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel
{
  top: 5px !important;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel .link
{
  padding-bottom: 3px !important;
  padding-top: 1px !important;
}
*/
/* </dhxLayout> */
/* <dhxTree> */
.standartTreeRow {
  cursor: pointer;
}
/* </dhxTree> */