/*
  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin         : 0;
  padding        : 0;
  border         : 0;
  outline        : 0;
  font-size      : 100%;
  vertical-align : baseline;
  background     : transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section {
  display : block;
}

nav ul {
  list-style : none;
}

a {
  margin         : 0;
  padding        : 0;
  font-size      : 100%;
  vertical-align : baseline;
  background     : transparent;
}

ins {
  background-color : #ff9;
  color            : #000;
  text-decoration  : none;
}

mark {
  background-color : #ff9;
  color            : #000;
  font-style       : italic;
  font-weight      : bold;
}

del {
  text-decoration : line-through;
}

abbr[title], dfn[title] {
  border-bottom : 1px dotted #000;
  cursor        : help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse : collapse;
  border-spacing  : 0;
}

hr {
  display    : block;
  height     : 1px;
  border     : 0;
  border-top : 1px solid #ccc;
  margin     : 1em 0;
  padding    : 0;
}

input, select {
  vertical-align : middle;
}

/* END RESET CSS */

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
html, body {
/*height:100%;*/
}

body {
  font        : 13px sans-serif;
  *font-size  : small;
  *font       : x-small;
  line-height : 1.22;
}

body {
/*font:13px "Trebuchet MS",arial,sans-serif;*/
  line-height : 1.2em;
  font-family : arial, Tahoma, Helvetica;
  font-size   : 13px;
}

body {

  background-color : #E5ECF1;
}

table {
  font-size : inherit;
  font      : 100%;
}

select, input, textarea {
  font : 99% sans-serif;
}

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
  font-family : monospace, sans-serif;
}

pre {
  font-family : "Trebuchet MS", arial, sans-serif;
}

/*
 * minimal base styles
 */

/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea {
  color : #444;
}

textarea {
  resize : vertical;
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */

/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1, h2, h3, h4, h5, h6 {
  font-weight    : bold;
  text-rendering : optimizeLegibility;
}

/* maxvoltar.com/archive/-webkit-font-smoothing */
html {
  -webkit-font-smoothing : antialiased;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover, a:active {
  outline : none;
}

a:focus {
  outline : 0;
}

a, a:active, a:visited {
  color           : #036;
  text-decoration : none;
}

a:hover {
  color           : #607890;
  text-decoration : underline;
}

ul {
  margin-left : 30px;
}

ol {
  margin-left     : 30px;
  list-style-type : decimal;
}

small {
  font-size : 85%;
}

strong, th {
  font-weight : bold;
}

td, td img {
  vertical-align : top;
}

sub {
  vertical-align : sub;
  font-size      : smaller;
}

sup {
  vertical-align : super;
  font-size      : smaller;
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align : text-bottom;
}

input[type="checkbox"] {
  vertical-align  : bottom;
  *vertical-align : baseline;
}

.ie6 input {
  vertical-align : text-bottom;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
  cursor : pointer;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection {
  background  : #FF5E99;
  color       : #fff;
  text-shadow : none;
}

::selection {
  background  : #FF5E99;
  color       : #fff;
  text-shadow : none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color : #FF5E99;
}

/* always force a scrollbar in non-IE */
html {
  overflow-y : scroll;
}

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width    : auto;
  overflow : visible;
}

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode : bicubic;
}

/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir {
  display           : block;
  text-indent       : -999em;
  overflow          : hidden;
  background-repeat : no-repeat;
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
/*.hidden:not(.person, .comment) { display:none; visibility:hidden; }*/

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden {
  position : absolute !important;
  clip     : rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip     : rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility : hidden;
}

/* >> The Magnificent CLEARFIX << */
.clearfix:after {
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}

.clearfix {
  display : inline-block;
}

* html .clearfix {
  height : 1%;
}

/* Hides from IE-mac \*/
.clearfix {
  display : block;
}

/* Primary Styles
    Author:
 */
#shadow {
  display    : block;
  height     : 100%;
  position   : absolute;
  top        : 0;
  width      : 100%;
  z-index    : 150;
  background : rgba(229, 236, 241, 0.4);
}

#authorizme .auth-form_inner {
  z-index            : 151;
  background         : url("../images/bg-t4.png") repeat-x scroll center top #E3EAEE;
  border             : 1px solid #EEF5F9;
  box-shadow         : 0 0 4px rgba(46, 70, 89, 0.8);
  -moz-box-shadow    : 0 0 4px rgba(46, 70, 89, 0.8);
  -webkit-box-shadow : 0 0 4px rgba(46, 70, 89, 0.8);
}

#authorizme {
  display : none;
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * {
	background  : transparent !important;
	color       : #444 !important;
	text-shadow : none;
  }

  a, a:visited {
	color           : #444 !important;
	text-decoration : underline;
  }

  a:after {
	content : " (" attr(href) ")";
  }

  abbr:after {
	content : " (" attr(title) ")";
  }

  .ir a:after {
	content : "";
  }

/* Don't show links for images */



  img {
	page-break-inside : avoid;
  }

  @page {
	margin : 0.5cm;
  }

  p, h2, h3 {
	orphans : 3;
	widows  : 3;
  }

  h2, h3 {
	page-break-after : avoid;
  }
}

/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

/* Prevent iOS, WinMobile from adjusting font size */
  html {
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust     : none;
  }
}

/*************/
#container {
/*background:#999;*/
  margin-bottom : 2em;
  margin-right  : 2em;
  margin-top    : 3em;
  white-space   : nowrap;
}

.entity-body p, .entity-body ol, .entity-body ul {
  margin-bottom : 1em;
  line-height   : 1.4em;
}

#main {
  width : 88%; /*padding:1em;*/
/*background:#ddd;*/
/*margin-left:10em;*/
}

.main-header {
  width : 88%;
}

.main-header aside {
  padding        : 1em;
  padding-bottom : 0;
}

.main-header .tabs-menu {
  padding : 0 1em;
}

.main-header .form-func {
  display : block;
  clear   : both;
}

.tabs-menu .menu-marker {
  margin-bottom : -1px;
}

/*
#publisher-form label{
  display:block;
}*/
h2 {
  font-size : 220%;
  display   : inline-block;
}

h2 a {
  text-decoration : none;
}

.action-create .gui {
  font-size : 120%;
}

#main, .sidebar {
  display        : inline-block;
  vertical-align : top;
}

.sidebar {
/* margin-top:4.2em;*/
}

.sidebar .menu-section li {
  margin-bottom : 0.5em;
}

.main-header .form-create {
  /*display:none;
padding-bottom:1em;*/
/*margin-left:0.4em;*/
}

.main-header.opened .form-create {
  border-bottom : 1px solid #8CC600;

}

.form-create .form-fields {
  background    : url("../images/bg-t2.png") repeat-x scroll center bottom rgba(255, 255, 255, 0.4);
  border        : 1px solid #D2DCE1;
  border-radius : 0 0.3em 0.3em 0.3em;
  padding       : 0.2em;
}

.form-fields .content {
  margin-right : 0.7em;
}

.form-create .menu-type ul {
  margin : 0;
}

.list-header .form-create .form-func {
  clear : both;
}

.container {
  padding : 1em;
}

#main>.container {
/*margin-left:10em;*/
  padding-top   : 0;
  padding-right : 0;
  padding-left: 2em;
}

.main-header .container {
  padding : 0.5em 1em;
  padding-left:2em;
}

/*
#main .entity .container{
margin-left:0;
padding-top:0;
padding-bottom:0;
}*/
.entity {
/*padding-bottom:1em;*/
  /*clear:both;
float:left;
padding-bottom:1.5em;
width:100%;
border-bottom:1px solid #ececec;*/

}

.view-mode-table .entity:last-child {
  border-bottom : none;
}

.section-header .both {
  margin-bottom : 1em;
}

.entity .both {
  margin-bottom : 0.5em;
}

#main .section-content>ul, .menu-view-mode ul, .menu-section ul, .menu-marker ul, .field-userlist ul, .person-list ul, .root, .branch, .expand-body, .entity-members ul, .toggle-body ul, .gui-toggler ul, .menu-period ul, .gui-combo ul {
  margin     : 0;
  list-style : none;
}

.main-header .container {
  /*
padding-bottom:0;*/
  margin-left : 0.1em;
}

#header-page {
  position           : fixed;
  width              : 100%;
  top                : 0;
  background         : url("../images/bg-t1.png") repeat-x scroll center bottom rgba(253, 253, 254, 0.8);
  -moz-box-shadow    : 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow : 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 5px rgba(0, 0, 0, 0.3); /*border-bottom: 1px solid #bbb;*/
  /*
  border-bottom:2px solid #8CC600;*/
  border-bottom      : 1px solid #ADB5BE;
  z-index            : 100;
}

.is-admin #header-page {

  background : url("../images/bg-t1.png") repeat-x scroll center bottom #FFA0CF;
}

#header-page .container {
  padding : 0;
}

.menu-main {
  margin-left : 1em;
}

.menu-main, .menu-user {
  display : inline-block;
}

.menu-main ul, .menu-user ul {
  margin              : 0;
  list-style          : none;
  /*margin:0.5em 0.5em;
  margin-bottom:0;*/
  -webkit-user-select : none;
  -moz-user-select    : none;
  cursor              : default;
}

.menu-user>ul>li {
  display      : inline-block;
  margin-right : 0.5em;
}

.menu-main .go-actions {
  display : none;
}

.menu-main .page-actions {
  display : none;
}

.menu-user {
  float      : right;
  margin     : 0;
  margin-top : 0.2em;
}

.menu-user>ul>li {
  font-size : 0.9em;
}

.user-name {
  margin-right : 0.2em;
}

.menu-user .container {
  padding : 0.5em 0.5em;
}

.menu-user .multi-select {
  text-align : left;
}

.menu-user a {
  text-decoration : none;
}

.autosave_message {
  display    : none;
  font-style : italic;
  font-size  : 0.9em;
  color      : #777;
}

.entity-date {
  font-size     : 0.9em;
  margin-bottom : 0.3em;
}

.entity-moderator {
  font-size : 0.9em;
}

.entity-header, .entity-body, .entity .person-stack, .entity-attach, .entity-taglist {
  padding-left  : 8.6em;
  margin-bottom : 0.5em;
  clear         : both;
}

.entity-body, .etity-header {
  white-space : normal;
}

.entity-number, .entity-header h3 {
  display        : inline-block;
  font-size      : 140%;
  vertical-align : baseline;
  font-weight    : bold;
}

.entity-number {
  margin-top : 1px;
}

.column-meta {
  vertical-align : top;
}

.column-meta {
  float         : right;
  margin-left   : -14em;
  margin-top    : .2em;
  padding-right : .5em;
  position      : relative;
  text-align    : right;
  width         : 13em;
  white-space   : normal;
}

.entity-header h3 {
  padding-right : 8em;
  display       : block;
  white-space   : normal;
  line-height   : 1.4em;
}

.entity-header .wrapper {
  float    : left;
  overflow : hidden;
  width    : 100%;
}

/*
.gui.entity-comments{
margin-top:0.2em;
margin-right:1em;
}*/
.column-utility {
  position : absolute;
  width    : 8em;
}

.sidebar {
  border                : 1px solid rgba(158, 166, 172, 0.3); /*border-left:0;*/
  -moz-border-radius    : 0 4px 4px 0;
  -webkit-border-radius : 0 4px 4px 0;
  margin-left           : -1px;
  width                 : 11em;
}

.sidebar>.container {
  padding          : 4px;
  padding-top      : 3px;
  padding-bottom   : 5px;
  background-color : rgba(158, 166, 172, 0.1);

}

.sidebar .menu-section, .menu-marker {
  margin-bottom : 0;

}

.ajax-menu h4 {
  margin-left  : 0.3em;
  font-weight  : normal;
  display      : inline;
  margin-right : 1em;
}

.menu-tag ul {
  margin  : 0;
  padding : 0;
}

.menu-tag ul, .menu-marker ul {
  margin-top : 0.5em;
}

.menu-tag li {
  list-style    : none;
  margin-bottom : 0.8em;
}

.menu-tag .current a {
  color       : #000;
  font-weight : bold;
}

.sidebar .ajax-menu {
  white-space     : normal;
  -moz-box-shadow : 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow      : 0 1px 0 rgba(255, 255, 255, 0.6);
  border-bottom   : 1px solid rgba(158, 166, 172, 0.3);
  padding         : 5px 0;
  padding-bottom  : 1em;
}

.sidebar .menu-section {
  padding-top : 0;
}

.sidebar .menu-marker li {
  padding : 0.2em;
  display : inline-block;
}

.sidebar  .menu-marker li:last-child {
  margin-bottom : 0;
}

.sidebar .menu-marker li {
  padding : 0.2em 0;
}

.sidebar .menu-marker li a {
  display : none;
}

.sidebar .menu-marker .mark, .content-toolbar .menu-marker .mark {
  padding               : 0 5px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  background            : #fff;
  margin-right          : 0.5em;
  font-size             : 11px;
  -moz-border-radius    : 0.2em;
  -webkit-border-radius : 0.2em;
  background            : none;
  border                : 1px solid #bbb;
  -moz-box-shadow       : 0 1px 0 #fff;

}

.sidebar .menu-marker .current .mark, .content-toolbar .menu-marker .mark {
  background-image    : url("../images/bg-t4.png");
  background-position : center bottom;
  background-repeat   : repeat-x;
}

.menu-section {
}

.sidebar .ajax-menu a {
  color : #575C60;
}

.sidebar .ajax-menu a:hover {
  text-decoration : none;
}

.menu-section li {
  padding       : 4px 4px;
  margin-bottom : 2px;
  text-shadow   : 0 1px 0 rgba(255, 255, 255, 1);
  font          : 11px "Trebuchet MS", arial, sans-serif;
  line-height   : 1em;
}

.menu-section .current {
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  background            : url("../images/bg-t1.png") repeat-x bottom #FDFDFE;
  -webkit-user-select   : none;
  -moz-user-select      : none;
  -moz-box-shadow       : inset 0 -1px 0 #FFFFFF;
  -webkit-box-shadow    : inset 0 -1px 0 #FFFFFF;
  border                : 1px solid #bbb;
}

.sidebar .ajax-menu li {
  text-shadow  : 0 1px 0 rgba(255, 255, 255, 1);
  font         : 11px "Trebuchet MS", arial, sans-serif;
  line-height  : 1em;
  padding-left : 4px;
}

.sidebar .ajax-menu .current a {
  color : #333;
}

.content-toolbar .menu-marker .mark {
  margin-right : 0;
}

.content-toolbar .menu-marker .gui-icon.mark {
  margin-right : 2px;
}

.content-toolbar .menu-marker .gui-dropdown li {
  padding : 0;
  display : inline-block;
}

.section-content {
  background : #fff;
  border     : 1px solid #D7DAE4;
}

.go-live {
  background : url(../images/bg-t1.png) repeat-x bottom;
}

.bottom-write-link {
  background-color : #F0F1F8;
  border-top       : 1px solid rgba(255, 255, 255, 0.3);
}

.content-toolbar {
  -moz-box-shadow       : 0 -1px 0 rgba(255, 255, 255, 0.5) inset;
  background            : url("../images/bg-t1.png") repeat-x scroll center bottom #FDFDFE;
  border                : 1px solid #ccc;
  border-bottom         : none;
  -moz-border-radius    : 0.4em 0 0 0;
  -webkit-border-radius : 0.4em 0 0 0;
  padding               : 4px 0 3px 0;
  clear                 : both;
}

.content-toolbar {
  /*-moz-border-radius:0.4em 0.4em 0 0;
-webkit-border-radius:0.4em 0.4em 0 0;*/
  white-space : normal;
}

.g-container .g-container .content-toolbar {
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  border-top            : none;
}

.tabs-menu {
  clear : both; /*margin-top:1em;*/
}

.tabs-menu ul, .tabs-menu li, .tabs-menu .ajax-menu {
  display : inline-block;
}

.tabs-menu .container {
  padding : 0;
}

.tabs-menu li {
  padding        : 0.2em 0.4em;
  padding-bottom : 0.4em;
  margin-bottom  : -1px;
}

.tabs-menu .ajax-menu {
  margin-right : 1em;
}

.tabs-menu a {
  color           : #555;
  text-decoration : none;
}

.tabs-menu a:hover {
  color : #333;
}

.tabs-menu .menu-section .current, .tabs-menu .menu-marker .current {
  background            : url(../images/bg-t3.png) repeat-x bottom #C5CCD6;
  -moz-box-shadow       : 0 1px 0 #FFFFFF inset;
  -webkit-box-shadow    : 0 1px 0 #FFFFFF inset;
  background-position   : 20px 50%;
  text-shadow           : 0 1px #FFFFFF;
  border                : 1px solid #bbb;
  border-bottom         : 0;
  -moz-border-radius    : 0.3em 0.3em 0 0;
  -webkit-border-radius : 0.3em 0.3em 0 0;

}

.menu-section .current a {
  color           : #333;
  text-decoration : none;
}

/*.tabs-menu .menu-item-marker a{
  display:none;
}*/
.tabs-menu .menu-marker li {
  padding        : 0.2em 2px;
  padding-bottom : 0.4em;
}

.tabs-menu .menu-marker li {
  text-shadow           : 0 1px #FFFFFF;
  -moz-border-radius    : 0.3em 0.3em 0 0;
  -webkit-border-radius : 0.3em 0.3em 0 0; /*-moz-box-shadow:0 0 3px rgba(58, 166, 224, 0.3), 0 -1px 0 #FFFFFF inset;*/
  opacity               : 0.5;
}

.tabs-menu .menu-marker .current {
  opacity : 1;
}

.tabs-menu .menu-marker li:hover {
  border-color : #999;
  cursor       : pointer;
}

.tabs-menu .menu-marker .mark {
  padding               : 0 3px; /*-moz-box-shadow:-1px -1px 0 rgba(0,0,0,0.3) inset;*/
  border                : 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius    : 0.2em;
  -webkit-border-radius : 0.2em;
  background            : none;
}

.action-create.activate {
/*-moz-box-shadow:0px 1px 0 #9BDC00 inset;*/
  /*-moz-border-radius:0 0 0.3em 0.3em;
  -webkit-border-radius:0 0 0.3em 0.3em;
  padding-top:0.7em;
  border-top:none;*/
}

.action-write {
  margin-left : 2.1em;
}

.action-write.active {
  opacity : 0;

}

.toggle-body .wrapper, .entity-discussion .wrapper {
  float    : left;
  overflow : hidden;
  width    : 100%;
}

.person-container {
  display     : none;
  float       : right;
  margin-left : -20em;
  position    : relative;
  width       : 18em;
}

.person-container .person-list {
  border     : 1px solid #eee;
  height     : 18em;
  overflow-x : hidden;
  overflow-y : scroll;
  padding    : .5em;
}

.person-container .person-search {
  width : 17.4em;
}

.person-list .person {
  clear         : both;
  font-size     : .9em;
  margin-bottom : .5em;
}

.person-list .person.selected {
  font-weight : bold;
}

.person-container .gui .gui-caption {
  display : none;
}

.entity, .helper-legend li {
/*border-left:5px solid #fff;*/
  padding-left : 2px;
}

.new.entity, .helper-legend, .new .comment-body, .legend-new {
  border-left  : 3px #8CC600 solid;
  padding-left : 0; /*-moz-box-shadow:inset 0 -1px #fff; */
}

.new.entity {
  border-right : none;
  border-top   : none;
}

.new:hover, .helper-legend .legend-new:hover {
  border-left-color : #6B9600;
}

.person-container .person-list .person {
  font-size : 1em;
}

.new .comment-body {
  padding-left : 0.5em;
}

.color-0 .new.entity, .color-0 .new .comment-body, .column-utility {
  border-left-color : #2BA32A;
}

.modal li {
  list-style : none;
}

.modal ul {
  margin-left : 0;
}

.modal .modal-header {
  cursor : move;

}

.modal .container-person-list, .modal .selected-list {
  display        : inline-block;
  vertical-align : top;
}

.tree-root .group-title {
  display      : inline-block;
  text-weigth  : bold;
  color        : #003366;
  padding-left : 16px;
  background   : url(../images/icons/plus-small-white.png) no-repeat left center;
}

.tree-root .node-group.state-opened .group-title {
  color            : #777;
  background-image : url(../images/icons/minus-small-white.png);
}

.tree-root .group-title:hover {
  cursor : pointer;
}

.tree-root .group-list {
  margin-left  : 7px;
  padding-left : 12px;
  border-left  : 1px solid #ddd;
  display      : none;
}

.tree-root {
  height     : 22.2em;
  border     : 1px solid #ddd;
  background : #fff;
  overflow-y : scroll;
  width      : 26em;
}

.tree-root .node-group {

  margin-bottom : 0.5em;
}

.tree-toolbar {
  margin-bottom : 0.2em;
}

.tree-root .node-item {
  margin-bottom : 0.5em;
}

.tree-root .node-item:hover {
  color  : #000;
  cursor : pointer;
}

.modal .selected-list {
  width : 12em;
}

.modal h5 {
  margin-bottom : 0.5em;
}

.component-choice {
  margin-bottom : 1em;
}

.entity-actions {
  margin-top : 0.5em;
}

.entity-actions .gui-action {
  margin-bottom : 0.5em;
}

.action-problem-restore, .action-problem-finish, .action-problem-refuse, .action-problem-delete {
  background            : url(../images/star_bg.png) repeat-x left;
  border                : 1px solid #c6cad4;
  clear                 : both;
  float                 : left;
  margin-bottom         : 2px;
  -moz-border-radius    : .3em;
  -webkit-border-radius : .3em;
  padding               : 2px 3px;
  padding-bottom        : 2px;
  text-align            : center;
  -webkit-border-radius : .3em;
}

.action-problem-finish:hover, .action-problem-restore:hover, .action-problem-refuse:hover, .action-problem-delete:hover {
  border-color : #999;
}

.action-problem-restore a:hover, .action-problem-finish a:hover, .action-problem-refuse a:hover {
  opacity : 1.0;
}

.action-problem-restore a, .action-problem-finish a, .action-problem-refuse a, .action-problem-delete a {
  background : no-repeat center;
  opacity    : 0.7;
  padding    : 2px 12px;
}

.action-problem-finish a {
  background-image : url(../images/alt/1280119660_checkbox_checked.png);
}

.action-problem-restore a {
  background-image : url(../images/alt/1280119507_undo.png);
}

.action-problem-refuse a {
  background-image : url(../images/alt/1280121003_cancel.png);
}

.dept-list .dept {
  margin-bottom : 1em
}

.writer {
/*margin-bottom:2em;*/
  padding : 1.5em;
}

.writer.top-writer-link {
  margin-top : 1em;
}

.writer.bottom-writer-link {
  margin-bottom : 1em;
}

.members-title {
  margin-right : 0.5em;
}

.form-func button {
  margin-right : 0.5em;
}

.members-list {
  margin : 0.5em 0;
}

.field-userlist {
  margin-bottom : 0.5em;
  padding-right : 26em;
}

.userlist {
  margin-bottom : 0.5em;
}

.userlist li {
  margin-bottom : 0.5em;
}

.person-stack .editable-field .gui, .person-stack.state-active .selected-list .action-add, .editable-field .dropzone {
  display : none;
}

.state-active .dropzone {
  display : block;
}

.person-stack .state-active .gui {
  display : inline-block;
}

.selected-list {
  background : #f5f5f5;
  border     : 1px solid #DDDDDD;
  padding    : 2px;
}

.borderradius .selected-list {
  -moz-border-radius    : 0.3em;
  -webkit-border-radius : 0.3em;
}

.page-actions span {
/*display:none;*/
  display       : block;
  margin-bottom : 0.5em;
}

.view-mode-short .entity-body, .view-mode-table .entity-body {
  display : none;
}

.entity-status, .entity-type {
  font-size      : 0.9em;
  color          : #777;
  letter-spacing : 0.1em;
  float          : left;
  margin-right:1em;
}
.entity-type{
  background: #EDEDDE;
  color:#767676;
  border-radius:0.4em;
  padding:0 0.5em;
  border:1px solid #fff;
  
  width:7em;
  text-align:center;
  margin-right:1em;
}
.entity-status{
width:8em;
text-align:left;
}
.entity-date{
float:left;
}
.empty-type{
background:none;
border:none;
}

ul .entity, ul .entity>.container, ul .entity>.container>div {
  margin   : 0;
  padding  : 0;
  position : relative;
  width    : auto;
}

.view-mode-table>ul {
  display      : table;
  table-layout : fixed;
  width        : 100%;
}

ul .entity {
  display : table-row;
}

ul .entity>div {
  display        : table-cell;
  padding        : 0.3em 0;
  margin         : 0;
  position       : relative;
  width          : auto;
  float          : none;
  vertical-align : middle;
  border-bottom  : 1px solid #efefef;
  padding-right  : 0.5em;
}

ul .entity-header h3, ul .entity-number, .block-header h3 {
  font-size   : 1em;
  font-weight : normal;
}

ul .entity-header h3 {
  margin     : 0;
  padding    : 0;
  overflow-x : hidden;
}

ul .column-utility {
  padding-right : 1em;

}

ul .new .column-utility {
  border-left-width : 3px;
  border-left-style : solid;
}

ul .readed .entity-checkbox {
  margin-left : 3px;
}

ul .entity-number {
  margin     : 0 1em 0 0;
  text-align : right;
  width      : 3em;
}

ul .column-meta {

}

ul .entity-status, ul .entity-date, ul .entity-moderator {
  display     : inline-block;
  white-space : nowrap;
}

ul .entity-header {

}

ul .entity>.column-utility {
  width : 14em;
}

ul .entity>.column-meta {
  width : 39em;
}

ul .entity>.entity-header {
  overflow-x : hidden;
}

.g-container {

}

.g-body {

}

.g-header {

}

.entity {
  border-bottom : none;
}

.both {
  clear : both;
}

.comment-body {
  background : #f8f8fb;
}

.view-mode-table .priority-0 {
}

.view-mode-table .priority-1, .view-mode-table .priority-2, .view-mode-table .priority-3, .view-mode-table .priority-4, .view-mode-table .priority-5, .view-mode-table .priority-6 {
}

.view-mode-normal .column-utility {
  width : 10em;
}

.view-mode-normal .entity-header {
  padding-left : 10.6em;
}

.halo {
  background-color  : #FFFDD8 !important;
  border-left-color : #F7E58E;
}

.gui-autolist {
  display : none;
}

.visible-group .hidden {
  display : block;
}

.visible-person a {
  color : #f00;
}

.no-title.no-person {
  display : none;
}

.has-person .hidden {
  display : none;
}

.has-title.no-person .hidden {
  display : block;
}

.page-navigation {
  padding            : 2px;
  padding-right      : 6px;
  padding-top        : 4px;
  padding-left       : 4px;
  background         : url("../images/bg-t1.png") repeat-x scroll center bottom #FDFDFE;
  border             : 1px solid #CDCDD8;
  border-right       : none;
  -moz-border-radius : 0.3em 0 0 0.3em;
  position           : fixed;
  right              : 0;
  top                : 50%;
  margin-top         : -35px;
  -moz-box-shadow    : 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow : 0 0 3px rgba(0, 0, 0, 0.2);
}

.page-navigation ul {
  list-style : none;
  margin     : 0;
  padding    : 0;

}

.page-navigation li {
  display       : block;
  margin-bottom : 0.5em;
  text-align    : center;
}

.page-navigation .go-actions {
  margin-bottom : 0.1em;
}

.page-navigation li:last-child {
  margin-bottom : 0;
}

.page-navigation ul a {
  text-decoration : none;
  font-size       : 0.9em;
}

.page-go-new {
}

.page-go-new a {
  /*background:url(../images/alt/bottom.png) no-repeat;
  padding-left:16px; padding-right:0; */
  -moz-border-radius : 0.3em;
  background         : #555;
  padding            : 0 3px;
  color              : #fff;
}

.page-refresh a {
  background     : url(../images/alt/reload1.png) no-repeat;
  padding-left   : 14px;
  padding-bottom : 16px;
}

.go-actions a {
  padding-left : 8px;
}

.borderradius .mark, .borderradius .menu-marker .current {
  border-radius         : 0.2em;
  -moz-border-radius    : 0.2em;
  -webkit-border-radius : 0.2em;
}

.dropdown-marker .no-marker {
  text-decoration : line-through;
}

.page-go-down {
  background : url("../images/alt/sort-asc.gif") no-repeat left center;
}

.page-go-up {
  background : url("../images/alt/sort-desc.gif") no-repeat left center;
}

.utility {
  background : url(../images/star_bg.png) repeat-x left bottom #fdfdfe;
  border-top : 1px solid #bbb;
  bottom     : 0;
  left       : 0;
  position   : fixed;
  width      : 100%;
}

.utility .container {
  padding : .2em 0;
  clear   : both;
}

.utility input, .utility button {
/*font-size:1em; */
}

.utility input {
  margin-bottom : 0;
}

.publish-form {
  display : none;
}

.dropzone:not(.multi) {
  width                 : 30px;
  height                : 30px;
  border                : 4px solid #aaa;
  -moz-border-radius    : 0.5em;
  -webkit-border-radius : 0.5em;
  margin-top            : 0.5em;
  background            : url(../images/icons/uploading.png) no-repeat center;
  margin-bottom         : 0.5em;

}

.dropzone:not(.multi):hover {
  border-color : #3AA6E0;
}

fieldset {
  margin-bottom : 1em;
  display       : inline-block;
  margin-right  : 0.5em;
}

.fieldset-text {
  width : 100%;
}

.fieldset-name input {
  width : 16.5em;
}

.date-period {
  color       : #777;
  line-height : 1em;
}

.date-finish {
  color : #000;
}

.date-finish.dl-near, .helper-legend .legend-near span {
  color : #5ca029;
}

.date-finish.dl-soon, .helper-legend .legend-soon span {
  color : #cf2050;
}

.requered, .date-finish.dl-now, .helper-legend .legend-now span {
  color       : #cf2050;
  font-weight : 700;
}

/******/

.view-stats li {
  clear         : both;
  margin-bottom : .5em;
}

.view-stats input {
  margin-bottom : .2em;
  width         : 230px;
}

.view-stats ul {
  font-size : 12px;
}

.feed-list .node .view-stats ul {
  margin-bottom : .5em;
  margin-left   : 0;
  padding-top   : 0;
}

.view-stats h5 {
  clear     : both;
  font-size : 14px;
}

.view-stats .stats-list {
  border     : 1px solid #bbb;
  height     : 12em;
  margin-top : 2px;
  overflow-y : scroll;
  width      : 100%;
}

/*
.notify .close {background:url(../images/alt/close.gif) no-repeat center #D0EABB; opacity:0.8; padding:0 6px; float:right; border:1px solid #fff; }


.notify .close:hover {cursor:pointer;}
*/

.notify .close {
  display       : inline-block;
  background    : url("../images/bg-t1.png") repeat-x scroll center bottom #FDFDFE;
  border        : 1px solid #CBD2D6; /*box-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
  border-radius : 0.2em 0.2em 0.2em 0.2em;

  color         : #6A7D8F;
  font-size     : 18px;
  padding       : 0 4px;
  float         : right;
}

.notify .close:hover {
  cursor       : pointer;
  border-color : #BCC3C6;
}

.notify p {
  display : inline;
}

.notify-container {
  display : none;
}

.menu-type {
/*margin-top:1.2em;*/
  margin-bottom : -1px;
}

.feed-list .menu-type ul {
  margin-bottom : 0;
  margin-left   : 0;
}

.menu-type a {
  padding-left    : 18px;
  padding-top     : 2px;
  text-decoration : none;
}

.menu-type .post a {
  padding-left : 0;
}

.menu-type a {
  background-position : left top;
  background-repeat   : no-repeat;
}

.menu-type .question a {
  background-image : url(../images/alt/question2.png);
}

.menu-type .idea a {
  background-image : url(../images/alt/idea.png);
}

.menu-type .problema a {
  background-image : url(../images/alt/problema.png);
}

.menu-type .solution .comment {
  background-image : url(../images/alt/solution.png);
}

.menu-type .current {
  -moz-border-radius    : 0.3em 0.3em 0 0;
  -webkit-border-radius : 0.3em 0.3em 0 0;
  -moz-box-shadow       : 0 0 3px rgba(58, 166, 224, 0.3), 0 -1px 0 #FFFFFF inset;
  background            : url("../images/alt/bg.png") repeat-x scroll center bottom #FDFDFE;
  border                : 1px solid #CCCCCC;
  border-bottom         : none;
  text-shadow           : 0 1px #FFFFFF;
}

.menu-type a {
  text-decoration : none;
}

.menu-type .current a {
  color : #000000;
}

.menu-type li {
  display : inline-block;
  padding : 0.4em 0.2em;
}

.comment-actions {
  display     : inline-block;
  margin-left : 0.5em;
  white-space : nowrap;
}

.comment {
  margin      : 1em;
  margin-left : 24px;
}

.modal .comment {
  margin    : 0;
  font-size : 1.1em;
}

.comment-header {
  margin-bottom : 0.5em;
  font-size     : 0.9em;
  color         : #555;
  white-space   : normal;
}

.comment-body {
  padding               : 0.3em;
  padding-left          : 0.7em;
  line-height           : 1.5em;
  color                 : #333;
  -moz-border-radius    : 0 4px 4px 4px;
  -webkit-border-radius : 0 4px 4px 4px;
  border                : 1px solid #CDCDD8;
  white-space           : normal;
}

.log .comment-body {
/*background:none;*/
/*border:none;*/
  font-style            : italic;
  margin-left           : 1em;
  -moz-border-radius    : 1em;
  -webkit-border-radius : 1em;
  border-color          : #D9D9E0;
  padding               : 0 1em;
}

.marked .action-set-mark-record {
}

.person-avatar {
  border     : 1px solid #CDCDD8;
  float      : left;
  background : url(../images/user.png) no-repeat center #fff;
}

.person-avatar:hover {
  cursor : pointer;
}

.avatar-picture {
  width    : 36px;
  height   : 46px;
  margin   : 2px;
  overflow : hidden;
}

.person-avatar:after {
  content      : "▶";
  font-size    : 12px;
  color        : #CDCDD8;
  color        : #fff;
  float        : right;
  margin-right : -8px;
  margin-top   : -33px;
  text-shadow  : 2px 0 0 #C3C3CC;
}

.comment-body, .comment-header, .comment-func {
  margin-left : 60px;

}

.view-stats .person-avatar {
  display : none;
}

.comment, .person-avatar {
  /*display:inline-block;
  vertical-align:top;*/
}

.comment .action-publish, .comment.draft .action-replay {
  display : none;
}

.comment.draft .action-publish, .comment .action-replay {
  display : inline-block;
}

.comment .action-write.active, .comment .action-replay.active {
  display : none;
}

.comment .comment-type {
  background-position : center;
  background-repeat   : no-repeat;
  padding             : 2px 0;
  padding-left        : 13px;
  position            : absolute;
  margin-left         : -46px;
  margin-top          : 52px;
}

.comment.question .comment-type {
  background-image : url(../images/alt/question2.png);
}

.comment.idea .comment-type {
  background-image : url(../images/alt/idea.png);
}

.comment.problema .comment-type {
  background-image : url(../images/alt/problema.png);
}

/*
.new .comment-body{
border: 1px solid #8CC600;
}*/
.action-replay, .action-publish, .action-todraft {
  background            : url("../images/bg-t1.png") repeat-x scroll center bottom #F4F4F7;
  padding               : 0.2em;
  border                : 1px solid #CDCDD8;
  border-top            : none;
  -moz-border-radius    : 0 0 0.3em 0.3em;
  -webkit-border-radius : 0 0 0.3em 0.3em;
  -moz-box-shadow       : inset 0 -1px 0 #fff;
  margin-top            : -1px;
}

.action-replay a, .action-publish a, .action-todraft a {
  color           : #333;
  text-decoration : none;
  font-size       : 0.9em;
}

.view-mode-tree .branch {
  margin-left : 2em;
}

.branch .branch,
.branch .branch .branch,
.branch .branch .branch .branch,
.branch .branch .branch .branch .branch,
.branch .branch .branch .branch .branch .branch,
.branch .branch .branch .branch .branch .branch .branch,
.branch .branch .branch .branch .branch .branch .branch .branch,
.branch .branch .branch .branch .branch .branch .branch .branch .branch {
  margin-left : 1em;
}

.branch .branch .branch .branch .branch .branch .branch .branch .branch .branch .branch .branch {
  margin-left : 0;
}

pre, blockquote {
  page-break-inside : avoid;
  white-space       : pre;
  white-space       : pre-wrap;
  white-space       : pre-line;
  word-wrap         : break-word;
}

q {
  white-space : normal;
}

q:before, q:after {
  content : "";
}

.comment-body blockquote, .comment-body q {
  border-bottom  : 1px dashed #CDCDD8;
  padding-bottom : 0.5em;
  color          : #666666;
  font-style     : italic;
  margin-bottom  : 0.3em;
  padding-bottom : 0.3em;
  font-size      : 0.9em;
}

.draft .comment-body {
  background : url(../images/alt/bg_draft.gif);
  border     : 1px dashed #dedede;
}

.hidden.comment {
  opacity : 0.5;
}

.hidden.comment .comment-body {
  text-decoration : line-through;
}

.hidden.comment:hover {
  opacity : 0.9;
}

.hidden.comment:hover .comment-body {
  text-decoration : none;
}

.entity-body .editable, .entity-members .editable, .comment .editable {
  display : block;
}

.person-card div {
  margin-bottom : .5em;
}

.card-name {
  font-weight : 700;
}

.card-dept {
  font-size : 11px;
}

.date-finish .gui-calendar {
  width : 5em;
}

.state-active .control-edit {
  display : none;
}

.action-delete a {
  background : url("../images/icons/delete-16.png") no-repeat center;
}
.selected-userlist .action-delete a{
  background:none;
}

.comment-operations, .comment-func, .comment .control-edit {
  opacity : 0.1;
}

.comment:hover .comment-operations, .comment:hover .comment-func, .comment:hover .control-edit {
  opacity : 1;
}

.comment-operations {
/*float:right;*/
/*margin-top:-17px;*/
  background    : url("../images/bg-t1.png") repeat-x scroll center bottom #F4F4F7;
  border        : 1px solid #CDCDD8;
  border-radius : 4px 4px 0 0;
  /*float: right;
  margin-top: -16px;*/
  padding       : 1px;
  border-bottom : none;
  display       : inline-block;
  float         : right;
  white-space   : nowrap;
}

.comment .action-quote {
  display : none;
}

.comment .action-record-restore, .comment.hidden .action-hide {
  display : none;
}

.comment.hidden .action-record-restore {
  display : inline-block;
}

.comment:hover .comment-body {
  border-top-right-radius       : 0;
  -moz-border-radius-topright   : 0;
  border-bottom-left-radius     : 0;
  -moz-border-radius-bottomleft : 0;
}

.modal .comment .comment-body {
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  border-radius         : 0;
}

.action-delete a {
  padding : 0 5px;
}

.field-uri {
  display     : none;
  margin-left : -3px;
  margin-top  : 4px;
  position    : absolute;
}

.comment .attach-func, .comment .documents-func, .simple-uploader .action-upload, .comment .action-attach-delete, .comment .action-remove-link, .comment .action-delete {
  display : none;
}

.comment-body.state-active button {
  display : none;
}

.action-todraft {
  display : none;
}

.comment.draft .attach-func, .comment.draft .documents-func {
  display : block;
}

.comment.draft .action-attach-delete, .comment.draft .action-remove-link {
  display : inline;
}

.comment.draft .action-delete {
  display : inline-block;
}

.auth-form, .auth-form_inner {
  background            : url("../images/bg-t2.png") repeat-x center bottom rgba(255, 255, 255, 0.4);
  border                : 1px solid #FFFFFF;
  border-radius         : 0.4em;
  box-shadow            : 0 0 2px rgba(0, 0, 0, 0.1);
  /*
  background:url(../images/alt/bg.png) repeat-x bottom #fdfdfe;
  border:1px solid #ddd;
  -moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
  */
  height                : 16.5em;
  left                  : 50%;
  margin-left           : -10em;
  -moz-border-radius    : .4em;
  position              : absolute;
  top                   : 10em;
  -webkit-border-radius : .4em;

  width                 : 22em;
}

.auth-form_inner {
  height : 14em;
}

.loading {
  background : url(../images/ajax-loader_new.gif) no-repeat center;
  margin     : 0 4px;
  padding    : 10px;
}

.auth-form .container, .auth-form_inner .container {
  padding : 1em;
}

.auth-form .field-string input, .auth-form_inner .field-string input {
  width : 22.8em;
}

.auth-form .form-func, .auth-form_inner .form-func {
  text-align : center;
  clear      : both;
}

.auth-form #logo, .auth-form_inner #logo {
  background    : url("../images/proffis_n1.png") no-repeat scroll center center transparent;
  padding       : 22px 80px;
  margin-bottom : 1.2em; /*background:url(../images/logo2.png) no-repeat 68px 0; padding:22px 80px; */
}

.control-edit {
  background  : url(../images/icons/control-edit.gif) no-repeat center;
  cursor      : pointer;
  height      : 16px;
  margin-left : -15px;
  position    : absolute;
  width       : 16px;
}

.comment .control-edit {
  background : url(../images/icons/control-edit_b.gif) no-repeat center;
}

.person-stack .control-edit {
  left : 0;
}

.person-stack .moderator_list .action-delete {
  display : none;
}

/*****/

.search label {
  margin-right : 0.5em;
}

.search .set-person-any label {
  margin-left  : 0.3em;
  margin-right : 0.8em;
}

.search fieldset {
  margin-bottom  : 1em;
  border         : 1px solid #dadada;
  padding        : 0.5em;
  padding-bottom : 0em;
  vertical-align : text-top;
}

.borderradius .search fieldset {
  -moz-border-radius    : 0.3em;
  -webkit-border-radius : 0.3em;
  border-radius         : 0.3em;
}

.field-search-query {
  width : 24em;
}

.ui-tabs-hide {
  display : none;
}

.ui-tabs-nav {
  text-align : left;
}

.ui-tabs-nav li {
  display : inline-block;
  padding : 0.2em;
}

.ui-tabs-nav li a {

  text-decoration : none;

}

.ui-state-active a {
  color : #000000;
}

.ui-tabs-panel {

  padding               : 0.2em;
  /*
background:url("../images/alt/bg.png") repeat-x scroll center bottom #FDFDFE;
border:1px solid #ccc;
border-top-color:#eaeaea;
-moz-box-shadow:1px 1px 2px #ddd;
-webkit-box-shadow:1px 1px 2px #ddd;
*/
  background            : url("../images/bg-t2.png") repeat-x scroll center bottom rgba(255, 255, 255, 0.4);
  border                : 1px solid #D2DCE1;
  -moz-border-radius    : 0 0.3em 0.3em 0.3em;
  -webkit-border-radius : 0 0.3em 0.3em 0.3em;

}

.ui-state-active {
  -moz-border-radius    : 0.3em 0.3em 0 0;
  -webkit-border-radius : 0.3em 0.3em 0.3em 0.3em;
  /*
-moz-box-shadow:0 0 3px rgba(58, 166, 224, 0.3), 0 -1px 0 #FFFFFF inset;
background:url("../images/alt/bg.png") repeat-x scroll center bottom #FDFDFE;
*/
  border                : 1px solid #CCCCCC;
  border-bottom         : none;

  text-shadow           : 0 1px #FFFFFF;

  border-bottom         : none;
  background            : url("../images/bg-t1.png") repeat-x bottom #FDFDFE;
  background            : url("../images/bg-t1.png") repeat-x scroll center bottom #FFFFFF;
}

.search-advanced .toggle-body div {
  margin-bottom : 0.5em;
  text-align    : right;
}

.search-advanced .set-person-any {
  text-align : left;
}

.search-field {
  margin-top  : 0.2em; /*margin-bottom:1em;*/
  margin-left : 0.5em;
  float       : left;
}

.search-advanced.toggled {
  clear : none;
  width : auto;
  float : none;
}

.search-advanced .toggle-header {
  margin-left : 1em;
  margin-top  : 0.2em;
}

.toggle-header {
  padding : 0.2em;
}

.toggle-header {
  -moz-border-radius    : 0.3em;
  -webkit-border-radius : 0.3em 0.3em 0.3em 0.3em;
  display               : inline-block;
}

.state-opened .toggle-header {
  -moz-border-radius    : 0.3em 0.3em 0 0;
  -webkit-border-radius : 0.3em 0.3em 0 0;
  border-bottom         : none;
  background            : url("../images/bg-t1.png") repeat-x bottom #FDFDFE;
  background            : url("../images/bg-t1.png") repeat-x scroll center bottom #FFFFFF;

  border                : 1px solid #D9E2E7;
  border-bottom         : none;
  margin-bottom         : 0;

}

.toggle-header a {
/*color:#fff;*/
  font-size : 0.9em;
}

.toggle-header a:hover {
/*color:#fff;*/
}

.state-opened .toggle-header a:hover {
  color : #000;
}

.state-opened .toggle-header a {
  border : none;
}

.search-advanced .toggle-header a {
  /*margin-left:1em;
margin-top:0.6em;*/
}

.modal {
  background         : url("../images/bg-t4.png") repeat-x scroll center top #E3EAEE;
  border             : 1px solid #EEF5F9;
  box-shadow         : 0 0 4px rgba(46, 70, 89, 0.8);
  -moz-box-shadow    : 0 0 4px rgba(46, 70, 89, 0.8);
  -webkit-box-shadow : 0 0 4px rgba(46, 70, 89, 0.8);
  display            : none;
  font-size          : 12px;
  position           : absolute;
  z-index            : 1000;
  border-radius      : 0.3em;

}

.modal .close {
  display       : inline-block;
  background    : url("../images/bg-t1.png") repeat-x scroll center bottom #FDFDFE;
  border        : 1px solid #CBD2D6;
  box-shadow    : 0 1px 0 #FFFFFF;
  border-radius : 0.2em 0.2em 0.2em 0.2em;

  color         : #6A7D8F;
  font-size     : 18px;
  padding       : 0 4px;
}

.modal .close:hover {
  cursor       : pointer;
  border-color : #BCC3C6;
}

.modal-header {
  color          : #6A7D8F;
  text-align     : right;
  padding        : 0.2em 0.5em;
  padding-bottom : 0.2em;
  margin-bottom  : 0.8em;
  padding-left   : 1em;
  border-bottom  : 1px solid #D7DFE3;
  box-shadow     : 0 1px 0 #EEF5F9;
  text-shadow    : 0 1px 0 #FFFFFF;
}

.modal-header h3 {
  display     : inline;
  float       : left;
  line-height : 1em;
  font-weight : normal;
  line-height : 20px;
  font-size   : 1.1em;
}

.modal-header {
  -webkit-user-select : none;
  -moz-user-select    : none;
}

.modal .container {
  padding     : 1em;
  padding-top : 0;
  max-width   : 54em;
}

.modal .container {
  text-shadow : 0 1px 0 #fff;
  color       : #4F5154;
}

.modal .container h3 {
  font-weight  : normal;
  color        : #647381;
  display      : inline-block;
  margin-right : 0.5em;
}

.modal-person-management {
  width  : 60em;
  height : 30em;
}

.person-management ul {
  list-style  : none;
  margin-left : 0;
}

.person-management .tab-menu li {
  margin-bottom : 0.1em;
  padding       : 0.3em;
}

.person-management ul .dept {
  padding : 0;
}

.modal .current-person-list, .modal .pool-person-list, .modal .all-person-list {
  display        : inline-block;
  vertical-align : top;
  border         : 1px solid #ededed;
}

.person-handler {
  background   : none repeat scroll 0 0 #FFFEF8;
  border       : 1px solid #EFEDD3; /*-moz-border-radius:0.3em;*/
  border-left  : none;
  border-right : none;

}

.ui-widget-header {
  /*background:none repeat scroll 0 0 #FFFEF8;
border:1px solid #EFEDD3;*/
}

.person-handler:hover {
  cursor      : pointer;
  font-weight : bold;
}

.person-management .ui-state-highlight {
  padding : 4px;
  /*border:1px solid #f00;
background:rgba(0,0,0,0.5);*/
}

.drophover {
/*border:2px solid #f00;*/
}

.person-handler.changed {
  background   : #E1FBD0;
  border-color : #D0EBAF;
}

.pool-person-list .person-handler {
  background-color : #FFDEE8;
  border-color     : #FFBCBC;
}

.dept-title {
  font-weight : bold;
}

.person-group, .person-list-current, .person-list-remove {
  font-size : 0.9em;
}

.dragable:hover {
  cursor : pointer;
}

.modal .current-person-list {
  margin-right : 1em;
  width        : 20em;
  overflow-y   : scroll;
}

.current-person-title, .pool-person-title, .all-person-title {
  display       : inline-block;
  margin-bottom : 0.5em;
  font-size     : 1em;
  color         : #777;
  font-weight   : normal;
}

.current-person-title, .all-person-title {
  width        : 20em;
  margin-right : 1.2em;
}

.pool-person-title {
  width : 14.5em
}

.modal .pool-person-list {
  width      : 14.5em;
  overflow-y : scroll;
}

.modal .all-person-list {
  width        : 20em;
  margin-right : 1em;
}

.modal .person-list-all {
  overflow-y : scroll;
  height     : 22em;
}

.modal .all-person-list, .modal .pool-person-list, .modal .current-person-list {
  height : 22em;

}

.modal .form-func {
  margin-top : 0.5em;
  text-align : center;
}

/*****/

.dummy {
  clear         : both;
  display       : block; /*background:url(../images/icons/ajax-loader-b.gif) no-repeat 10px center;*/
  border        : 1px dashed #ddd;
  margin-bottom : 4px;
  padding       : 16px;
  display       : none;
  /*border:1px dashed #999;
padding:1em;
*/
}

.dummy.vis {
/*display:block;*/
}

.messages {
/*background-color:#fff;*/
  background-color : none;
  /*
position:fixed;
top:2.2em;*/
}

.message-loading {
  background : url(../images/ajax-loader.gif) no-repeat 5px center;
}

.message-error {
  color       : #cf2050;
  font-weight : 700;
}

.msg {
  font-size    : 0.9em;
  display      : none; /*padding:6px;*/
  padding-left : 26px;
}

/*.notifier .notify { border-left:none; border-right:none; display:block; padding:.5em 0; position:relative; text-align:left; width:100%; }*/
.notify {
  padding             : 8px;
  padding-left        : 35px;
  margin-bottom       : 1px;
  background-position : 5px 50%;
  display             : block;
}

.notify.error {
  background       : #FF9292 url(../images/icons/notify-error.png) no-repeat 5px 50%;
  background-color : #ff6464;
  border           : 1px solid #6C0000;
  color            : #6C0000;
}

.comment.error .comment-body {
  background       : #FF9292;
  background-color : #ff6464;
  border           : 1px solid #6C0000;
  color            : #6C0000;
}

.notify.warning {
  background : #FF9292 url(../images/icons/notify-warning.png) no-repeat 5px 50%;
  border     : 1px solid #ff6432;
}

.notify.information {
  background       : #00A83B url(../images/icons/notify-information.png) no-repeat 5px 50%;
  background-color : #adcf93;
  border           : 1px solid #61af3d;
  color            : #195200;
}

.notify.alarm {
  background : #00afa4 url(../images/icons/notify-alarm.png) no-repeat 5px 50%;
  border     : 1px solid #61afa4;
}

.notify-container {
  border-bottom : 1px solid #ddd;
  width         : 99%;
}

.notify-container.state-opened .toggle-header {
  margin  : 0;
  padding : 0;
}

.notify-container.state-opened .toggle-header a {
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  -moz-box-shadow       : none;
  background            : none;
}

.notify-container .toggle-body {
  max-height : 14em;
  overflow-y : scroll;
}

.notify-container .toggle-header {
  font-weight        : normal;
  padding            : 4px 0;

  padding-right      : 1em;
  margin-top         : 3px;
  border             : 1px solid #bbb;
  border-left        : none;
  border-bottom      : none;
  -moz-border-radius : 0 0.3em 0 0;
  background         : url(../images/bg-t4.png) repeat-x top;
  padding-right      : 4px;
}

.notify-container .toggle-header a {
  padding-left : 24px;
}

.notify-container.error .toggle-header a {
  color : #6C0000;

}

.notify-container.information .toggle-header a {
  color : #195200;
}

.notify-container.information .toggle-header {
  background : url(../images/icons/information-frame.png) no-repeat 5px 50%;
}

.notify-container.error .toggle-header {
  /*background:url(../images/icons/cross-circle.png) no-repeat 5px 50% rgba(255,100,100,0.4);
*/
  background-color : #FFA2A2;
  border-color     : #E19191;
}

.notify-container.error .toggle-header .close {
  border-color : #BA5B5B;
}

.notify-container.error .toggle-header a {
  background : url(../images/icons/cross-circle.png) no-repeat 5px 50%;
}

.notify-container .toggle-header a:hover {
  text-decoration : none;
}

.notify-container .toggle-body {
  padding : 0;
}

.notify-container.error .toggle-body .close {
  /*border-color:#6C0000;
  background-color: transparent;*/
}

#options-view, #ajax-pool {
  display : none;
}

.state-unloaded {
  display : none;
}

ul .marker-invisible {
/*background:#333;*/
  display : none;
}

.editable input {
  display : none;
}

.notexist {
  margin-left   : 2.1em;
  margin-bottom : 1em;
}

.menu-date-selector {
  margin       : 0.5em 0;
  padding-left : 0.1em;
}

.menu-date-title, .menu-view-title, .menu-period-title {
  color        : #666666;
  font-weight  : bold;
  margin-right : 0.2em;
  font-size    : 0.9em;
}

.date-current-period {
  font-size : 10px;
  color     : #000;
}

.gui.gui-slider {
  border                : none;
  padding               : 0;
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  width                 : 40%;
  min-width             : 30em;
  margin-right          : 0.5em;
}

.gui-slider .range-name {
  display    : block;
  font-size  : 10px;
  margin-top : 5px;
  text-align : center;
  width      : 100%;
}

.gui-slider .slider-rule {
  clear      : both;
  display    : block;
  position   : relative;
  width      : 100%;
  margin-top : -12px;
  z-index    : -1;
}

.gui-slider .br {
  border-right : #ddd 1px solid;
  display      : inline-block;
  position     : relative;
  width        : 10%;
  height       : 3px;
  margin-left  : -1px;
}

.ui-slider {
  position   : relative;
  text-align : left;
}

.ui-slider .ui-slider-handle {
  position    : absolute;
  z-index     : 2;
  width       : 1.2em;
  height      : 19px;
  cursor      : col-resize;

  text-indent : -5em;
  background  : url("../images/alt/sh0.png") no-repeat center bottom;
  text-align  : right;
  color       : #003366;
}

.ui-slider .ui-slider-range {
  background          : #abe2ff;
  position            : absolute;
  z-index             : 1;
  font-size           : .7em;
  display             : block;
  border              : 0;
  background-position : 0 0;
}

.ui-slider-horizontal {
  height  : 3px;
  border  : 1px solid #BBBBBB;
  display : inline-block;
  width   : 100%;
  cursor  : pointer;
}

.ui-slider-horizontal:hover {
  border-color : #9a9a9a;
}

.ui-slider-horizontal .ui-slider-handle {
  top         : -15px;
  margin-left : -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top    : 0;
  height : 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left : 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right : 0;
}

#hidden-forms {
  display : none;
}

.user-organization-name {
  color : #777;
}

#kohana-profiler {
  font-size : 0.8em;
}

.menu-sort input {
/*display:none;*/
}

.view-mode-tree .menu-sort {
  display : none;
}

.view-mode-normal .mark-label {
  display : none;
}

.view-mode-table .entity-marker {
/*display:none;*/
}

.gui.marker-short {
  line-height    : 11px;
  padding        : 0;
  overflow       : hidden;
  vertical-align : middle;
}

.gui.marker-short .gui-marker {
  padding        : 0;
  vertical-align : top;
}

.gui.marker-short .gui-marker a {

}

.comment-header .gui.marker-short {
  border         : none;
  background     : none;
  text-shadow    : none;
  vertical-align : top;
}

.comment-header .gui.marker-short .gui-icon {
  background : url(../images/ico_16/star_empty.png) no-repeat center;
  height     : 12px;
}

.marked .comment-header .gui.marker-short .gui-icon {
  background-image : url(../images/ico_16/star.png);
}

.root {
  clear : both;
}

#writer-form .form-func {
  clear : both;
}

.jump-to {
  display      : inline-block;
  float        : right;
  margin-right : 1em;
}

.user-block span {
  margin-right : 1em;
}

.modal .version-list ol li {
  list-style    : decimal;
  margin-bottom : 0.5em;
}

.modal .version-list ol {
  max-height   : 24em;
  overflow-y   : auto;
  padding-left : 2em;
  margin-left  : 0;
}

.modal .container-block {
  margin-bottom : 0.5em;
  display       : block;
  margin-right  : 1em;
  display       : block;
  width         : 42em;
}

.container-block input[type='text'] {
  width : 39em;
}

.modal .container-block.block-wide {
  display      : block;
  margin-right : 0;
}

.modal button[type='submit'] {
  margin-top : 0.5em;
}

.version-header {
  color         : #555555;
  margin-bottom : 0.5em;
}

/*
.modal .container h3{
  color: #666666;
  font-weight: bold;
}
.modal .container .section-object h3{
  display:inline;
  margin-right:0.5em;
}
*/
.version-description {

  border      : 1px solid #CDCDD8;
  color       : #333333;
  line-height : 1.5em;
  padding     : 0.3em 0.3em 0.3em 0.7em;
  max-width   : 36em;
}

.saving-message {
  display : none;
}

.attached-list ul, .comment-attach-short ul {
  margin-left : 0;
  list-style  : none;
}

/*
.comment-attach-short li{
  font-size:0.85em;
}*/
.action-attach-delete a, .action-remove-link a {
  background      : url(../images/icons/delete-16.png) no-repeat;
  padding-right   : 16px;
  text-decoration : none;
}

.attached-list {
  display : none;
}

/*
.document a {background:url(../images/alt/document.png) no-repeat left; color:#5ca029; padding:2px; padding-left:18px; white-space:nowrap; }
.document a:hover {color:#72a029; }
*/

#writer-form .attach-stack {
  clear   : both;
  padding : 0 0.5em;
}

#writer-form .container {
  padding : 1em 0;
}

/*
.attach-stack{
  font-size:0.9em;
}*/
.attach-name a {
  color : #649115;
}

/************/
.documents li, .attach-stack li {
  font-size     : 0.85em;
  margin-bottom : 0.5em;
  list-style    : none;
}

.documents li {
  list-style  : decimal outside none;
  margin-left : 3em;
}

.documents ul {
  margin-left : 0;
}

.document-date {
  color : #777;
}

.action-version a, .element-lastdatechange a {
  padding         : 2px 0;
  padding-left    : 16px;
  background      : url(../images/download.png) no-repeat left;
  text-decoration : none;
}

.action-version a:hover {
}

.version-author {
  margin-right : 0.5em;
}

.property-name {
  margin-right : 0.5em;
}

.action-document-card a {
  font-size : 12px;
  /*padding-left: 20px;
  background:url(../images/card.png) no-repeat;*/
}

.action-document-card a:hover {
  text-decoration : none;
}

.gui.gui-link.action-upload, .g-body .action-add-document {
  font-size : 0.9em;
  font-size : 0.9em;
}

.edit-record .documents-stack {
  clear   : both;
  display : block;
}

.document-link .action-document-link a {
  padding-right       : 13px;
  background          : url(../images/gui-icons.png) repeat-x;
  background-position : -96px center;
  margin-right        : 0.5em;
}

.document-link:hover:not(.state-selected) .action-document-link a {
  background-position : -112px center;
}

.document-link.state-selected .action-document-link a {
  background-position : -128px center;
}

.action-document-link a:hover {
  text-decoration : none;
}

.document-link.state-selected {
  background : #C1DEBD;
}

.document-link:hover {
  cursor : pointer;

}

.hidden-version-history {
  display : none;
}

#document-select-link ul {
  display : table;
}

#document-select-link li {
  display : table-row;
}

#document-select-link li>span {
  display        : table-cell;
  vertical-align : middle;
  padding        : 0.2em 0.5em;
}

#document-select-link .link-list {
  max-height : 24em;
  overflow-y : auto;
  border     : 1px solid #DDDDDD; /* margin-bottom: 1em;*/
}

.document-number, .modal .container h2 {
  font-size     : 130%;
  display       : inline-block;
  font-weight   : normal;
  margin-bottom : 1em;
}

.document-number {
  margin-right : 1em;
}

.docoment-card-description {
/*margin-top:1em;*/
  display       : block; /*margin-top:0.5em;*/
  margin-bottom : 0.5em;
}

.docoment-card-description .control-edit {
  margin-top : -1.5em;
}

.card-func {
/*margin-top:0.5em;*/
  margin-top    : 1em;
  margin-bottom : 1.5em;
}

.card-func .gui-button {
  margin-right : 1em;
}

/*
.document-newversion-description{
  display:none;
}*/
.new-version-body {
  margin-top  : 1em;
  border-top  : 1px solid #ccc;
  padding-top : 0.5em;
  width       : 100%;
}

.new-version-body>div {
/*margin-right:1.5em;*/
}

.hidden-fields {
  display : none;
}

.list-header {
/*color:#777;*/
/*font-weight:bold;*/
  white-space : normal;
}

.list-header span:first-child {
  text-align : right;
}

.document-link .num {
  text-align   : right;
  paddin-right : 0.5em;
}

.required {
  color       : #cf2050;
  font-weight : 700;
}

h6 {
  font-size   : 1em;
  font-color  : #777;
  font-weight : normal;
}

.card-person-info {
  display        : inline-block;
  margin-right   : 0.5em;
  margin-bottom  : 0.5em;
  vertical-align : top;
  margin-top     : 0.5em;
}

.card-person-info>div {

}

.card-avatar {
  -moz-box-shadow : 0 0 5px rgba(0, 0, 0, 0.2);
  background      : none repeat scroll 0 0 #FFFFFF;
  border          : 1px solid #DDDDDD;
  display         : inline-block;
  padding         : 0.5em;
  margin-right    : 0.5em;
}

.card-name {
  font-size : 1.2em;
}

.card-label {
  margin-right : 0.5em;
  color        : #666;
}

.phone-number {
  letter-spacing : 0.1em;

}

.card-person-info li {
  margin-bottom : 0.3em;
}

.card-dept {
  font-weight : bold;
}

.document-create-date {
  float     : right;
  font-size : 0.9em;
}

.content-toolbar .spacer {
  padding-right : 0.2em;
  display       : inline-block;
}

.comment-actions .action-record-restore, .hidden .comment-actions .action-hide {
  display : none;
}

.hidden .comment-actions .action-record-restore {
  display : inline-block;
}

.attach-col {
  margin-right   : 2em;
  display        : inline-block;
  vertical-align : top;
}

.attach-col:last-child {
  margin : 0;
}

.live {
  display : block;
  clear   : both;
  float   : left;
  width   : 100%;
}

.menu-user .user-counter-reloader {
  font-size      : 18px;
  font-weight    : normal;
  line-height    : 12px;
  vertical-align : middle;
}

.user-counter-reloader a {
  color : #555;
}

/*
.feed-header .menu-view-mode,.feed-header .menu-pagesize{

  margin-top: -1.5em;
}*/
.menu-view-mode, .menu-pagesize, .menu-state {
  float : right;
}

.spacer-hr {
  border-bottom   : 1px solid #eee;
  -moz-box-shadow : 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  clear           : both;
  margin          : 0.3em 0; /*margin-bottom:0.4em;*/
}

.spac {
  background : #f00;
  height     : 5px;
  z-index    : 10000;
  position   : absolute;
  width      : 100%;
  left       : 0;
}

/*
.isee{
  border:2px #0f0 solid;
}*/
.new .comment-body {
  background-color : #FFFDD8 !important;
}

.now-readed .comment-body {
  background : #f8f8fb !important;
}

.comment-body table {
  width         : 100%;
  border        : 1px solid #ddd;
  font-size     : 0.9em;
  margin-bottom : 1em;
}

.comment-body table td, .comment-body table th {
  border-bottom : 1px solid #DDDDDD;
  border-right  : 1px solid #DDDDDD;
  padding       : 0.2em;
}

.comment-body table td {

}

.comment-body table tr {

}

.comment-body table th {
  text-align : center;
}

.top-write-link .gui-action {
  margin-right : 0.5em;
}

.comment .comment-actions {
  opacity : 0.2;

}

.comment:hover .comment-actions {
  opacity : 1;
}

.quick-publish {
  display        : inline-block;
  vertical-align : middle;
}

#publisher-form {
  display : none;
}

.quick-publish .form-field {
  display      : inline-block;
  margin-right : 1em;
  white-space  : nowrap;
}

.quick-publish .form-func {
  display     : inline-block;
  white-space : nowrap;

}

.quick-publish .field-name {
/*width:60%;*/
}

.quick-publish .field-date {

}

.quick-publish .form-field:last-child {
  margin-right : 0.5em;
}

.quick-publish .form-field input {
  width : 20em;
}

.quick-publish .form-field .gui-calendar {
  width : 9em;
}

.quick-publish .form-func button {
  margin-right : 0;
}

.quick-publish .form-hidden {
  display : none;
}

.quick-publish .form-field input {
  color : #777;
}

.quick-publish .form-field input:focus {
  color : #333;
}

.flag-blocked {
  background-image    : url(../images/lock-closed-0.png);
  background-position : 10px 50%;
  background-repeat   : no-repeat;
}

.documents .flag-blocked {
  background : none;
}

.documents .flag-blocked .blocked {
  background-image    : url(../images/lock-closed-0.png);
  background-position : center;
  background-repeat   : no-repeat;
  padding-right       : 16px;
}

.get-count {
  display : none;
}

.sidebar .menu-marker .mark {
  cursor : pointer;
}

.sidebar .menu-marker li {
  white-space : normal;
}

#oldview {
  display    : none;
  width      : 100%;
  height     : 100%;
  margin-top : 2.2em;
}

#oldview iframe {
  width      : 100%;
  height     : 100%;
  min-height : 46em;
}

.entity-taglist {
  clear : both;
  width : 100%;
}

.entity-taglist ul {
  margin  : 0;
  padding : 0;
  display : inline;
}

.entity-taglist li {
  display      : inline;

  margin-right : 0.5em;
  list-style   : none;
  font-size    : 0.9em;
}

.entity-taglist li a {
  color : #42AD00;
}

.entity-taglist li:after {
  content : ",";
}

.entity-taglist li:last-child:after {
  content : "";
}

.entity-taglist .autocomplete-tag-list {
  background : url("../images/bg-t1.png") repeat-x scroll center bottom #FDFDFE;
  border     : 1px solid #B8C2CC;
  border-top : none;
  position   : absolute;
  margin     : 1.45em 0 0 2.3em;
  padding    : 0.2em;
}

.autocomplete-tag-list li {
  display : block;
}

.autocomplete-tag-list li:after {
  content : "";
}

.entity-taglist .editable-field {
  display : inline-block;
}

.entity-taglist input {
  width : 30em;
}

.entity-taglist .control-edit {
  margin-top : -0.5em;
}

.info-new, .info-edit {
  white-space   : normal;
  color         : #777;
  font-size     : 0.9em;
  padding       : 0.5em;
  border        : 1px dashed #ddd;
  border-radius : 2px;
  display       : none;
}

.info-help {
  white-space  : normal;
  color        : #777;
  font-size    : 0.9em;
  display      : none;
  padding-left : 2.3em;
}

.info-new b {
  color       : #f00;
  font-weight : normal;
}

.info-new a {
  color           : #036;
  text-decoration : none;
}

.show-all-tags {
  font-size : 0.9em;
}
.user-block .person-data{
margin-right:0;
}
