@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic');html {
	color: #000;
  background: #fff;
}
body,
h1, h2, h3, h4, h5, h6,
p,
div, blockquote,
fieldset,legend,
dl, dt,
dd, ul, ol, li,
pre,code,
form, input, textarea,
table, th,td,
address {
  margin: 0;
  padding: 0;
}
table {
  font-size: inherit;
}
th, td {
  vertical-align: top;
}
th, caption {
  text-align: left;
}
th, caption,
address, cite, code, dfn,
em, strong, var {
  font-style: normal;
  font-weight: normal;
}
fieldset, img {
  border: 0;
}
a {
  outline: none;
}
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, sub, big, small {
  font-size: 100%;
}
big {
  font-size: 1.25em;
}
sup, sub, small {
  font-size: 0.8em;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
legend {
  color: #fff;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%;
}
em {
  font-style: italic;
  font-weight: inherit;
}
strong {
  font-style: inherit;
  font-weight: bold;
}
ul, ol {
  margin-left: 3em;
}
.fl {
  float: left;
  text-align: left;
}
.fr {
  float: right;
  text-align: right;
}
.clear {
  clear     : both   ! important;
	float     : none   ! important;
	display   : block  ! important;
	visibility: hidden ! important;
  margin    : 0      ! important;
  padding   : 0      ! important;
  border    : 0      ! important;
	overflow  : hidden ! important;
	width     : 0      ! important;
	height    : 0      ! important;
}

/* colors *********************************************************************/

.white {
  color: #ffffff ! important;
}
.bgwhite {
  background-color: #ffffff ! important;
}
.silver {
  color: #c0c0c0 ! important;
}
.bgsilver {
  background-color: #c0c0c0 ! important;
}
.aqua {
  color: #00ffff ! important;
}
.bgaqua {
  background-color: #00ffff ! important;
}
.lime {
  color: #00ff00 ! important;
}
.bglime {
  background-color: #00ff00 ! important;
}
.gray {
  color: #808080 ! important;
}
.bggray {
  background-color: #808080 ! important;
}
.olive {
  color: #808000 ! important;
}
.bgolive {
  background-color: #808000 ! important;
}
.fuchsia {
  color: #ff00ff ! important;
}
.bgfuchsia {
  background-color: #ff00ff ! important;
}
.teal {
  color: #008080 ! important;
}
.bgteal {
  background-color: #008080 ! important;
}
.red {
  color: #ff0000 ! important;
}
.bgred {
  background-color: #ff0000 ! important;
}
.green {
  color: #008000 ! important;
}
.bggreen {
  background-color: #008000 ! important;
}
.purple {
  color: #800080 ! important;
}
.bgpurple {
  background-color: #800080 ! important;
}
.maroon {
  color: #800000 ! important;
}
.bgmaroon {
  background-color: #800000 ! important;
}
.blue {
  color: #0000ff ! important;
}
.bgblue {
  background-color: #0000ff ! important;
}
.navy {
  color: #000080 ! important;
}
.bgnavy {
  background-color: #000080 ! important;
}
.black {
  color: #000000 ! important;
}
.bgblack {
  background-color: #000000 ! important;
}
.gray3 {
  color: #333333 ! important;
}
.bggray3 {
  background-color: #333333 ! important;
}
.gray6 {
  color: #666666 ! important;
}
.bggray6 {
  background-color: #666666 ! important;
}
.gray9 {
  color: #999999 ! important;
}
.bggray9 {
  background-color: #999999 ! important;
}
.grayc {
  color: #cccccc ! important;
}
.bggrayc {
  background-color: #cccccc ! important;
}

/* align **********************************************************************/

.c {
  text-align: center;
}
.j {
  text-align: justify;
}
.l {
  text-align: left;
}
.r {
  text-align: right;
}
.t {
  vertical-align: top;
}
.m {
  vertical-align: middle;
}
.b {
  vertical-align: bottom;
}
.tl {
  text-align: left;
  vertical-align: top;
}
.tc {
  text-align: center;
  vertical-align: top;
}
.tr {
  text-align: right;
  vertical-align: top;
}
.ml {
  text-align: left;
  vertical-align: middle;
}
.mc {
  text-align: center;
  vertical-align: middle;
}
.mr {
  text-align: right;
  vertical-align: middle;
}
.bl {
  text-align: left;
  vertical-align: bottom;
}
.bc {
  text-align: center;
  vertical-align: bottom;
}
.br {
  text-align: right;
  vertical-align: bottom;
}

/* lists **********************************************************************/

ul {
  margin: 30px 0 0 40px;
  list-style-type: disc;
}
ol {
  margin: 30px 0 0 40px;
  list-style-type: decimal;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-top: 0;
}
dl {
  margin-top: 30px;
}
dt {
  margin: 0;
}
dd {
  margin-left: 40px;
}
.queries,
.units,
#controllers {
  list-style-type: none;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 700px;
}
.queries,
.units {
  width: 900px;
}
.queries li,
.units li,
#controllers li {
  margin: 5px 0 0 0;
  padding: 10px;
  font-weight: bold;
  text-align: left;
  background-color: #6cc;
  background-image: none;
  border-radius: 5px;/*
  cursor: move;*/
}
#controllers li {
  cursor: move;
}
.queries li {
  margin-top: 10px;
  background-color: #066;
}
.queries li:hover {
  background-color: #077;
}
.queries li a {
  display: block;
  color: #fff;
  text-align: left;
  text-decoration: none;
}
.units li a,
#controllers li a {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  padding: 1px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
}
.units li a.del,
#controllers li a.del {
  float: right;
  margin: 0 0 0 10px;
}
.units li a:hover,
#controllers li a:hover {
  border: 1px solid #000;
}
.units li a img,
#controllers li a img {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 3px;
}
#controllers ul {
  margin: 5px 30px 0 30px;
  padding: 0;
  list-style-type: none;
}
#controllers ul li,
#controllers ul ul ul li {
  background-color: #399;
}
#controllers ul ul li,
#controllers ul ul ul ul li {
  background-color: #6cc;
}
#controllers .ui-state-disabled {
  background-color: #ccc;
	opacity: 1;
	filter:Alpha(Opacity=100);
	background-image: none;
}
#controllers ul .ui-state-disabled {
  background-color: #999;
	opacity: 1;
	filter:Alpha(Opacity=100);
	background-image: none;
}
#controllers ul .ui-state-disabled ul .ui-state-disabled {
  background-color: #ccc;
}
#controllers ul .ui-state-disabled ul .ui-state-disabled ul .ui-state-disabled {
  background-color: #999;
}
#controllers ul .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=100); /* For IE8 - See #6059 */
}
#controllers ul .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=100); /* For IE8 - See #6059 */
}
#publist {
  margin: 30px 70px 0 100px;
}
#publist li {
  margin-top: 15px;
  text-align: justify;
}


/* forms **********************************************************************/

form {
  margin: 30px auto 0 auto;
  width: auto;
}
.frm1 {
  width: 400px;
}
.frm2 {
  width: 600px;
}
.frm3 {
  width: 900px;
}
.frmBorder {
  border: 1px solid #399;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #066;
}
.frmElem {
  position: relative;
  padding-top: 5px;
}
label {
  float: left;
  display: block;
  padding: 3px 20px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  text-align: right;
  background-color: #066;
  border-radius: 4px 0 0 4px;
}
label:hover {
  background-color: #077;
}
label span.required {
  font-weight: bold;
  color: #f99;
}
label.checkbox {
  position: relative;
  padding-right: 50px;
  border-radius: 4px;
}
input.checkbox {
  position: absolute;
  top: 12px;
  right: 20px;
  display: block;
}
input.txt,
select.sel,
textarea.ta {
  float: left;
  display: block;
  padding: 3px 20px;
  height: 28px;
  color: #066;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #066;
  border-radius: 0 4px 4px 0;
}
select.sel {
  height: 36px;
  background-color: #cee;
}
select.selmulti {
  margin-top: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 36px;
  height: auto;
}
textarea.ta {
  height: 100px;
}
input.txt:focus,
textarea.ta:focus,
select.sel:focus {
  color: #000;
}
input[readonly='readonly'],
select[readonly='readonly'] {
  color: #666;
  background-color: #e8e8e8;
}

.frm1 label {
  width: 140px;
}
.frm1 label.checkbox {
  width: 330px;
}
.frm1 input.txt,
.frm1 textarea.ta {
  width: 178px;
}
.frm1 select.sel {
  width: 220px;
}
.frm2 label {
  width: 200px;
}
.frm2 label.checkbox {
  width: 530px;
}
.frm2 input.txt,
.frm2 textarea.ta {
  width: 318px;
}
.frm2 select.sel {
  width: 360px;
}
.frm3 label {
  width: 300px;
}
.frm3 label.checkbox {
  width: 830px;
}
.frm3 input.txt,
.frm3 textarea.ta {
  width: 518px;
}
.frm3 select.sel {
  width: 560px;
}
input.btn {
  display: block;
  margin: 30px auto 0 auto;
  padding: 3px 0 5px 0;
  width: 200px;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  background: #377;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #6cc ), to( #377 ) );
	background: -webkit-linear-gradient( top, #6cc, #377 );
	background: -moz-linear-gradient( top, #6cc, #377 );
	background: -o-linear-gradient( top, #6cc, #377 );
	background: -ms-linear-gradient( top, #6cc, #377 );
	background: linear-gradient( top, #6cc, #377 );
  border: 1px solid #066;
  border-radius: 4px;
}
input.btn:hover {
  box-shadow: 0 0 5px 1px #399;
  cursor: pointer;
}
input.txt.ronly {
  background-color: #e8e8e8;
}
input.srch-img {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 5px 10px;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  background: #377;
  background-image: -webkit-gradient( linear, left top, left bottom, from( #6cc ), to( #377 ) );
  background: -webkit-linear-gradient( top, #6cc, #377 );
  background: -moz-linear-gradient( top, #6cc, #377 );
  background: -o-linear-gradient( top, #6cc, #377 );
  background: -ms-linear-gradient( top, #6cc, #377 );
  background: linear-gradient( top, #6cc, #377 );
  border: 1px solid #066;
  border-radius: 0 4px 4px 0;
}

.author {
  margin-top: 5px;
  padding: 5px 30px;
  background-color: #eff;
  border: 1px solid #066;
  border-radius: 4px;
}
.author h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}
.author h3 span.required {
  color: #d00;
  font-size: 1.25em;
}
.author label {
  width: 269px;
}
.frm3 .author input.txt {
  width: 486px;
}
.frm3 .author select.sel {
  width: 528px;
}
.query {
  text-align: center;
}
.query input.txt,
.query select.sel {
  color: #d00;
  background-color: #fff;
  border: 1px solid #d00;
}
.query label {
  background-color: #d00;
}
.query label:hover,
.query label.checkbox:hover {
  background-color: #e00;
}
.query label.checkbox {
  margin-top: 5px;
  background-color: #d00;
}
.query input[type=submit] {
  display: inline-block;
  margin: 20px 5px 0 5px;
}
.years {
  margin-top: 5px;
  text-align: center;
}
.years input[type=button] {
  display: inline-block;
  width: 84px;
  height: 36px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #066;
  border: 1px solid #033;
  border-radius: 4px;
}
.years input[type=button]:hover {
  background-color: #299;
  cursor: pointer;
}
.years input[type=text] {
  display: inline-block;
  padding: 3px 20px;
  width: 59px;
  height: 28px;
  color: #066;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #066;
  border-radius: 0 4px 4px 0;
}
.years span {
  display: inline-block;
  padding: 3px 20px;
  width: 250px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  text-align: right;
  background-color: #066;
  border-radius: 4px 0 0 4px;
}
.years span:hover {
  background-color: #077;
}
.years div.errorMessage {
  margin-top: 10px;
}
.frmexport {
  margin: 20px auto 0 auto;
  width: 800px;
  text-align: right;
}

/* .loading *******************************************************************/

.loading {
  background-image: url( 'loading_bar.gif' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

/* buttons ********************************************************************/

.button,
.button-small,
.button-medium,
.button-large {
    display: inline-block;
    margin: 30px 10px 0 0;
    padding: 15px 30px;
    color: #fff;
    line-height: 16px;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    background-color: #555;
    border-radius: 5px;
    box-shadow: inset 0 -4px 0 #000;
    cursor: pointer;
}
.button.fr,
.button-small.fr,
.button-medium.fr,
.button-large.fr {
    margin: 30px 0 0 10px;
}
.button-small {
    padding: 10px 15px;
    line-height: 14px;
    font-size: 16px;
    box-shadow: inset 0 -4px 0 #000;
}
.button-medium {
    padding: 12px 36px 16px;
    line-height: 24px;
    font-size: 26px;
    box-shadow: inset 0 -5px 0 #000;
}
.button-large {
    padding: 16px 60px 24px;
    line-height: 38px;
    font-size: 36px;
    box-shadow: inset 0 -5px 0 #000;
    cursor: pointer;
}
a.button,
a.button-small,
a.button-medium,
a.button-large {
  color: #333;
}
.button:hover,
.button-small:hover,
.button-medium:hover,
.button-large:hover {
  background-color: #444;
}
.button.red,
.button-small.red,
.button-medium.red,
.button-large.red {
  color: #fff ! important;
  background: #d00;
}
.button.red:hover,
.button-small.red:hover,
.button-medium.red:hover,
.button-large.red:hover {
  color: #fff ! important;
  background: #f00;
}
.button.green,
.button-small.green,
.button-medium.green,
.button-large.green {
  color: #fff ! important;
  background: #096;
}
.button.green:hover,
.button-small.green:hover,
.button-medium.green:hover,
.button-large.green:hover {
  color: #fff ! important;
  background: #0c9;
}
.button.blue,
.button-small.blue,
.button-medium.blue,
.button-large.blue {
  color: #fff ! important;
  background: #066;
}
.button.blue:hover,
.button-small.blue:hover,
.button-medium.blue:hover,
.button-large.blue:hover {
  color: #fff ! important;
  background: #099;
}
.button.orange,
.button-small.orange,
.button-medium.orange,
.button-large.orange {
  color: #fff ! important;
  background: #f63;
}
.button.orange:hover,
.button-small.orange:hover,
.button-medium.orange:hover,
.button-large.orange:hover {
  color: #fff ! important;
  background: #f84;
}
div.locked {
  margin-top: 20px;
  padding: 0;
  color: #fff;
  background-color: #066;
  border-radius: 5px;
}
div.locked label:hover {
  background-color: #066;
}
input.locked {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-top: 11px;
  background-color: #f00;
}
div.tracking {
  margin-top: 20px;
}
div.tracking p {
  margin-top: 5px;
  text-align: right;
}

/* messages *******************************************************************/

.successMessage,
.warningMessage,
.noticeMessage,
.errorMessage {
  margin-top: 50px;
  padding: 6px 6px 6px 40px;
  color: #c00;
  min-height: 20px;
  background-color: #fcc;
  background-image: url( 'icon_error_24.png' );
  background-repeat: no-repeat;
  background-position: 4px 4px;
  border: 1px solid #c00;
  border-radius: 5px;
}
.successMessage {
  color: #062;
  background-color: #cfd;
  background-image: url( 'icon_success_24.png' );
  border-color: #062;
}
.warningMessage {
  color: #664;
  background-color: #ffc;
  background-image: url( 'icon_warning_24.png' );
  border-color: #664;
}
.noticeMessage {
  color: #033;
  background-color: #cff;
  background-image: url( 'icon_notice_24.png' );
  border-color: #033;
}
.errorMessages {
  clear: both;
  margin: 0;
  padding: 1px 0 0 0;
}
.errorMessages    .successMessage,
.errorMessages    .warningMessage,
.errorMessages    .noticeMessage,
.errorMessages    .errorMessage,
.successMessage + .successMessage,
.successMessage + .warningMessage,
.successMessage + .noticeMessage,
.successMessage + .errorMessage,
.warningMessage + .successMessage,
.warningMessage + .warningMessage,
.warningMessage + .noticeMessage,
.warningMessage + .errorMessage,
.noticeMessage  + .successMessage,
.noticeMessage  + .warningMessage,
.noticeMessage  + .noticeMessage,
.noticeMessage  + .errorMessage,
.errorMessage   + .successMessage,
.errorMessage   + .warningMessage,
.errorMessage   + .noticeMessage,
.errorMessage   + .errorMessage {
  margin-top: 10px;
}


/* tables *********************************************************************/

div.scrollable {
  width: 100%;
  overflow: auto;
}

table {
  margin: 30px auto 0 auto;
  background-color: #fff;
  border: 2px solid #066;
  border-collapse: collapse;
}
table thead {
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  background-color: #066;
}
table#tblsort thead tr th {
  height: 30px;
  font-size: 1.25em;
}
table thead tr th.header {
  height: 30px;
	background-image: url( 'tbl_bg_white.gif' );
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table#tblsort thead tr th.headerSortUp {
	background-image: url( 'tbl_asc_white.gif' );
}
table#tblsort thead tr th.headerSortDown {
	background-image: url( 'tbl_desc_white.gif' );
}
table tfoot {
  color: #333;
  font-size: 0.2em;
  background-color: #066;
}
table tfoot tr th,
table tfoot tr td {
  padding: 2px 5px;
  text-align: right;
}
th, td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  border: 1px solid #066;
}
th {
  border: 1px solid #099;
}
.r1 {
  background-color: #cee;
}
.r0 {
  background-color: #cee;
}
tbody .r1:hover td,
tbody .r0:hover td,
tbody tr:hover td {
  background-color: #9ff;
}
.w25 {
  width: 25px;
}
.w30 {
  width: 30px;
}
.w35 {
  width: 35px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w75 {
  width: 75px;
}
.w100 {
  width: 100px;
}
.w125 {
  width: 125px;
}
.w150 {
  width: 150px;
}
.w175 {
  width: 175px;
}
.w200 {
  width: 200px;
}
.w250 {
  width: 250px;
}
.w300 {
  width: 300px;
}
.w350 {
  width: 350px;
}
.w400 {
  width: 400px;
}
.w450 {
  width: 450px;
}
.w500 {
  width: 500px;
}
.w550 {
  width: 550px;
}
.w600 {
  width: 600px;
}
.w650 {
  width: 650px;
}
.w700 {
  width: 700px;
}
table.schema1 {
  margin-top: 15px;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border: 0;
}
table.schema1 td {
  padding: 5px 0;
  text-align: left;
  border: 0;
}
table.schema1 tr:hover td {
  background-color: transparent;
}
table.schema1 tr.new td {
  padding-top: 15px;
}
table.schema1 td.num {
  padding-right: 5px;
  width: 60px;
  font-weight: bold;
  text-align: right;
}
table.schema1 td.cin {
  font-style: italic;
  text-align: left;
  text-decoration: underline;
}
table.schema1 td.hdr {
  padding-top: 15px;
}
table.schema1 td.hdr h3 {
  padding: 3px 0;
  text-align: center;
  background-color: #dee;
  border: 1px solid #033;
  border-width: 1px 0;
}
table.projects th {
  font-weight: bold;
  background-color: #dee;
}
table.projects tr:hover td {
  background-color: transparent;
}
table.schema2 {
  margin-top: 30px;
  width: 100%;
  background-color: transparent;
  border: 2px solid #033;
}
table.schema2 th {
  font-weight: bold;
  background-color: #dee;
  border: 1px solid #033;
}
table.schema2 td {
  text-align: left;
  border: 1px solid #033;
}
table.schema2 tr:hover td {
  background-color: transparent;
}
table.schema2 td.num {
  font-weight: bold;
  text-align: center;
}
table.schema2 td.ppa {
  width: 350px;
}

/* pagination *****************************************************************/

ul.paging {
  float:right;
  margin: 30px 0 0 0;
  padding:0;
  font-weight:400;
  list-style-type:none;
  border:1px solid #9cc;
  border-right-width:0
}
ul.paging li {
  float:left;
  padding:5px 12px;
  text-align:center;
  list-style-type:none;
  color:#066;
  background-color:#fff;
  border-right:1px solid #9cc;
  cursor:pointer
}
ul.paging li.prev,ul.paging li.next {
  padding:4px 8px 6px;
}
ul.paging li:hover {
  color:#fff;
  background-color:#066;
}
ul.paging li.active,ul.paging li.active:hover {
  color:#fff;
  background-color:#066;
}
ul.paging li.disabled,ul.paging li.disabled:hover {
  color:#066;
  background-color:#fff;
  cursor:not-allowed;
}

.pagination {
  margin: 30px auto;
  color: #033;
  font-weight: bold;
  text-align: center;
}
.pagination a {
  display: inline-block;
  padding: 0 6px;
  min-width: 10px;
  height: 20px;
  line-height: 20px;
  color: #066;
  text-decoration: none;
  vertical-align: middle;
}
.pagination a:hover, .pagination .pgactive {
  color: #fff;
  background-color: #066;
}
.pagination a.arrow {
  padding: 0px 6px 2px 6px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

/* ui *************************************************************************/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	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;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Ubuntu,Arial,Verdana,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Ubuntu,Arial,Verdana,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #999;
	background: #fff url("images/ui-bg_highlight-soft_95_fff_1x100.png") 50% top repeat-x;
	color: #333;
}
.ui-widget-content a {
	color: #333;
}
.ui-widget-header {
	border: 1px solid #999;
	background: #6cc url("images/ui-bg_highlight-soft_95_6cc_1x100.png") 50% 50% repeat-x;
	color: #333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #999;
	background: #6cc url("images/ui-bg_highlight-soft_95_6cc_1x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #333;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #333;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999;
	background: #9ff url("images/ui-bg_highlight-soft_95_9ff_1x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #333;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #333;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #999;
	background: #9ff url("images/ui-bg_highlight-soft_95_9ff_1x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #333;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #999;
	background: #ff9 url("images/ui-bg_highlight-soft_95_ff9_1x100.png") 50% top repeat-x;
	color: #333;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #333;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #d00;
	background: #fcc url("images/ui-bg_highlight-soft_95_fcc_1x100.png") 50% top repeat-x;
	color: #d00;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #d00;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #d00;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_333_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_333_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_333_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_333_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_333_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_09f_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_f00_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {/*
	background: #666 url("images/ui-bg_flat_0_999_40x100.png") 50% 50% repeat-x;*/
	background: #466;
	opacity: .6;
	filter: Alpha(Opacity=60);
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #999 url("images/ui-bg_flat_0_999_40x100.png") 50% 50% repeat-x;
	opacity: .4;
	filter: Alpha(Opacity=40);
	border-radius: 5px;
}

/******************************************************************************/

.demoHeaders {
  margin-top: 2em;
}
#dialog-link {
  padding: .4em 1em .4em 20px;
  text-decoration: none;
  position: relative;
}
#dialog-link span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px;
}
#icons {
  margin: 0;
  padding: 0;
}
#icons li {
  margin: 2px;
  position: relative;
  padding: 4px 0;
  cursor: pointer;
  float: left;
  list-style: none;
}
#icons span.ui-icon {
  float: left;
  margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
  position: absolute;
}

/* general ********************************************************************/

::-moz-selection {
    color: red;
    background: yellow;
}
::selection {
    color: red;
    background: yellow;
}
html {
  background-color: #4C8274;
	background-image: url( 'bg.jpg' );
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
body {
  color: #033;
  font-family: 'PT Sans Narrow', Arial, Verdana, sans-serif;
  font-size: 16px;/*
  background-color: rgba( 192, 192, 192, 0.8 );*/
}
h1, h2, h3, h4, h5, h6 {
  font-size: 2em;
  text-align: center;
}
h2 {
  font-size: 1.75em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
p {
  margin-top: 0;
}
p + p {
  margin-top: 10px;
}
a {
  color: #399;
}
a:hover {
  color: #033;
  text-decoration: none;
}
.site {
  width: 100%;
}
.inner {
  position: relative;
  margin: 0 auto;
  width: 960px;
}

/* header *********************************************************************/

.header {
  height: 185px;
  background-color: #000;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #000 ), to( #066 ) );
	background: -webkit-linear-gradient( top, #000, #066 );
	background: -moz-linear-gradient( top, #000, #066 );
	background: -o-linear-gradient( top, #000, #066 );
	background: -ms-linear-gradient( top, #000, #066 );
	background: linear-gradient( top, #000, #066 );
  border-top: 1px solid #6ff;
  border-bottom: 1px solid #6ff;
}
.header h1 {
  float: left;
  margin: 0;
  width: 470px;
  height: 122px;
  font-size: 4.75em;
  text-align: left;/*
  background-color: #f00*/
}
.header h1 a {
  float: left;
  display: block;
  width: 100%;
  color: #8dd;
  text-align: left;
  text-decoration: none;
}
.header h1 a img {
  float: left;
  display: block;
  margin: 22px 0 0 0;
  width: 228px;
  height: 84px;
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #399;
}
.header h1 a:hover img {
  box-shadow: 0 0 10px 3px #7dd;
}
.header h1 a span {
  float: left;
  display: block;
  padding: 13px 0 0 43px;/*
  text-align: center;*/
}
.header h1 a span span {
  float: none;
  display: inline;
  padding: 0;
  font-size: 0.7em;
}
.header h5 {
  color: #fff;
  text-decoration: none;
}
.header div.login {
  float: left;/*
  padding-top: 33px;*/
  width: 490px;
}
.header div.login form {
  margin: 0;
}
.header div.login form a,
.header div.login input[type='text'],
.header div.login input[type='password'] {
  float: left;
  display: block;
  margin-left: 10px;
  padding: 3px 10px 5px 10px;
  width: 174px;
  color: #033;
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #488;
}
.header div.login form a {
  padding: 3px 15px 5px 15px;
  width: 368px;
  color: #9ff;
  text-align: right;
  text-decoration: none;
}
.header div.login form a:hover {/*
  color: #eff;*/
  box-shadow: 0 0 10px 3px #7dd;
}
.header div.login input[type='submit'] {
  float: right;
  display: block;
  margin-left: 10px;
  padding: 3px 0 5px;
  width: 68px;
  color: #fff;
  background: #377;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #9ff ), to( #377 ) );
	background: -webkit-linear-gradient( top, #9ff, #377 );
	background: -moz-linear-gradient( top, #9ff, #377 );
	background: -o-linear-gradient( top, #9ff, #377 );
	background: -ms-linear-gradient( top, #9ff, #377 );
	background: linear-gradient( top, #9ff, #377 );
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #488;
}
.header div.login input[type='submit']:hover {
  box-shadow: 0 0 10px 3px #7dd;
  cursor: pointer;
}
.header div.login a.role {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  padding: 3px 10px 5px 10px;
  width: auto;
  height: auto;
  color: #ff6;
  background-color: #399;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 0 0 0 #000;
}
.header div.login a.role {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  padding: 6px 9px 10px 9px;
  width: 13px;
  height: 13px;
  background-color: #ff6;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 0 0 0 #000;
}
.header div.login a.role img {
  width: 13px;
  height: 13px;
}

/* .lang **********************************************************************/

.help {
  float: left;
  margin: 22px 0 0 12px;
  width: 68px;
  height: 50px;
}
.help a {
  display: block;
  height: 48px;
  line-height: 48px;
  color: #aff;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #488;
}
.help a:hover {
  color: #cff;
  box-shadow: 0 0 10px 3px #7dd;
}
.lang {
  float: left;
  margin: 12px 0 0 10px;
  padding: 0;/*
  padding-top: 22px;*/
  padding-top: 10px;/*
  width: 350px;
  height: 22px;*/
  width: 400px;
  height: 60px;
  text-align: right;
}
.lang #unit {
  height: 48px;
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #488;
}
.lang #unit table {
  margin: 0;
  width: 100%;
  background-color: transparent;
  border: 0;
}
.lang #unit table tr td {
  padding: 0 15px;
  height: 48px;
  color: #aff;
  text-align: right;
  vertical-align: middle;
  border: 0;
}
.lang #unit table tr td:hover {
  background-color: transparent;
}
.lang a {
  float: right;
  display: block;
  margin-left: 10px;
  width: 29px;
  text-align: center;
}
.lang a img {
  padding: 3px;
  height: 14px;
  width: 21px;
  border: 1px solid #9ff;
  border-radius: 4px;
  box-shadow: 0 0 10px 3px #488;
}
.lang a:hover img {
  box-shadow: 0 0 10px 3px #7dd;
}
.lang #clock {
  float: right;
  padding: 8px 7px 0 0;
  width: 113px;
  color: #aff;
  font-size: 13px;
  text-align: right;
}

/* main *********************************************************************/

.main {
  margin-top: -61px;
}
.main .inner {
  box-shadow: 0 0 10px 3px #488;
  border-radius: 5px;
  z-index: 1;
}
.content {
  padding: 30px 30px 50px 30px;
  min-height: 350px;
  background-color: rgba( 255, 255, 255, 0.8 );
  border-radius: 0 0 5px 5px;
}
.content h1.index {
  margin: 50px auto 30px auto;
  padding: 30px;
  width: 650px;
  color: #377;
  text-align: center;
  background-color: #FFF;
  box-shadow: 0 0 10px 3px #377;
  border-radius: 5px;
}
.content h2.index {/*
  font-size: 4em;*/
  font-size: 2em;
  text-align: center;
}
.content h4.index1 {/*
  text-indent: 3em;*/
  text-align: justify;
}
.content div.index {
  margin-top: 50px;
}
.content div.index ul {
  margin: 0 0 0 300px;
}
.content div.index ul li {
  min-height: 30px;
  list-style-type: none;
  list-style-image: url( 'bullet.gif' );
}
.content div.index ul li a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
.content div.index ul ul {
  margin: 0 0 0 30px;
}
.colorize {
  font-style: inherit;
  font-weight: inherit;
  color: #f00;
  background-color: #ff6;
}
h4.note {
  margin-top: 30px;
  text-align: left;
}
h4.aut {
  margin: 15px 0 0 0;
  padding: 0;
  text-align: right;
  font-size: 1em;
  line-height: 1.5em;
}

#ajx {/*
  margin-top: 30px;*/
}

/* footer *********************************************************************/

.footer {
  margin-top: -30px;
  padding: 50px 0 20px;
  color: #9ff;
  line-height: 20px;
  font-size: 14px;/*
  font-weight: bold;*/
  background: #000;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #066 ), to( #000 ) );
	background: -webkit-linear-gradient( top, #066, #000 );
	background: -moz-linear-gradient( top, #066, #000 );
	background: -o-linear-gradient( top, #066, #000 );
	background: -ms-linear-gradient( top, #066, #000 );
	background: linear-gradient( top, #066, #000 );
  border-top: 1px solid #6ff;
  border-bottom: 1px solid #6ff;
}
.footer acronym {/*
  color: #fff;*/
  border-bottom: 1px dashed #fff;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover{
  color: #9ff;
}
.footer span.version {
  color: #999;/*
  font-style: italic;*/
  font-family: monospace;/*
  background-color: #f00;*/
}

/* any ************************************************************************/

.typePublishers {
  position: relative;
  float: right;
  margin: 3px 0px 0 0;
  width: 22px;
  height: 22px;
}
.typePublishers a.trigger {
  display: block;
  padding: 3px 5px 7px 5px;
  width: 12px;
  height: 12px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #d00;
  background-color: #ff6;
  border: 1px solid #d00;
  border-radius: 50%;
}
.typePublishers a.trigger:hover {
  color: #ff6;
  background-color: #d00;
  border: 1px solid #ff6;
}
.typePublishers .dialogWindow {
  display: none;
  position: absolute;
  padding: 0;
  width: 0;
  height: 0;
}
.typePublishers .dialogWindow.showDialogWindow {
  display: block;
  top: 0;
  right: -430px;
  padding: 10px;
  width: 400px;
  height: 300px;
  text-align: left;
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 4px;
  overflow: auto;
  z-index: 1;
}

.typePublishers .dialogWindow.showDialogWindow a.lnk {
  display: inline-block;
  width: auto;
  text-decoration: none;
}

.activeN {
  font-style: italic;
  background-color: #bbdddd;
}


/* menu ***********************************************************************/

.menu {
  position: relative;
  margin: 0;
  padding: 5px 20px 0 20px;
  height: 55px;
  list-style-type: none;
  background: #377;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #9ff ), to( #377 ) );
	background: -webkit-linear-gradient( top, #9ff, #377 );
	background: -moz-linear-gradient( top, #9ff, #377 );
	background: -o-linear-gradient( top, #9ff, #377 );
	background: -ms-linear-gradient( top, #9ff, #377 );
	background: linear-gradient( top, #9ff, #377 );
  border-bottom: 1px solid #9ff;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}
.menu ul {
	margin: 0;
  padding: 0;
  width: auto;
  text-align: center;
  list-style-type: none;
}
.menu ul li {
  float: left;
	position: relative;
  margin-right: 5px;
}
.menu ul li.menu-right {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.menu ul li:hover {
  background-color: #033;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #000 ), to( #033 ) );
	background: -webkit-linear-gradient( top, #000, #033 );
	background: -moz-linear-gradient( top, #000, #033 );
	background: -o-linear-gradient( top, #000, #033 );
	background: -ms-linear-gradient( top, #000, #033 );
	background: linear-gradient( top, #000, #033 );
	border-radius: 5px 5px 0 0;
}
.menu ul li a {
  display: block;
  padding: 5px 10px;
  height: 40px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.menu ul li a.singlerow {
  padding-top: 16px;
  height: 29px;
}
.menu ul ul {
  display: none;
	position: absolute;
  top: 100%;
  left: 0;
  padding: 10px;
  width: 280px;
  background-color: #033;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #033 ), to( #099 ) );
	background: -webkit-linear-gradient( top, #033, #099 );
	background: -moz-linear-gradient( top, #033, #099 );
	background: -o-linear-gradient( top, #033, #099 );
	background: -ms-linear-gradient( top, #033, #099 );
	background: linear-gradient( top, #033, #099 );
	border-radius: 0 5px 5px 5px;
}
.menu ul li.menu-right ul {
  display: none;
	position: absolute;
  left: auto;
  right: 0;
	border-radius: 5px 0 5px 5px;
}
.menu ul ul li {
	float: none;
}
.menu ul li:hover > ul {
  display: block;
}
.menu ul ul li:hover {
	background: #6cc;
  border-radius: 5px;
}
.menu ul ul li a {
  height: auto;
  text-align: left;
  font-size: 1.1em;
	text-transform: none;
}
.menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}
.menu ul li.menu-right ul ul {
	position: absolute;
  top: 0;
  left: auto;
  right: 100%;
}


/* editor *********************************************************************/

.Bold {
	font-weight: bold;
}
.Italic {
	font-style: italic;
}
.Underline {
	text-decoration: underline;
}
.StrikeThrough {
	text-decoration: line-through;
}
.Subscript {
	vertical-align: sub;
	font-size: 0.8em;
}
.Superscript {
	vertical-align: super;
	font-size: 0.8em;
}
.FontComic {
	font-family: 'Comic Sans MS';
}
.FontCourier {
	font-family: 'Courier New';
}
.FontTimes {
	font-family: 'Times New Roman';
}
.FontSmaller {
	font-size: smaller;
}
.FontLarger {
	font-size: larger;
}
.FontSmall {
	font-size: 0.8em;
}
.FontBig {
	font-size: 1.25em;
}
.FontDouble {
	font-size: 2em;
}
.FontColor1 {
	color: #f90;
}
.FontColor2 {
	color: #06c;
}
.FontColor3 {
	color: #f00;
}
.FontColor1BG {
	background-color: #f90;
}
.FontColor2BG {
	background-color: #06c;
}
.FontColor3BG {
	background-color: #f00;
}
.Indent1 {
	margin-left: 40px;
}
.Indent2 {
	margin-left: 80px;
}
.Indent3 {
	margin-left: 120px;
}
.JustifyLeft {
	text-align: left;
}
.JustifyRight
{
	text-align: right;
}
.JustifyCenter {
	text-align: center;
}
.JustifyFull {
	text-align: justify;
}
code {
	font-family: courier, monospace;
	background-color: #eeeeee;
	padding-left: 1px;
	padding-right: 1px;
	border: #c0c0c0 1px solid;
}
kbd {
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}

/* debug **********************************************************************/

.debug {
  position: fixed;
  top: 250px;
  right: -2px;
  padding: 8px;
  width: 10px;
  color: #000;
  font-family: 'Lucida Console';
  font-weight: bold;
	background-color: #fd5;
  box-shadow: 0 0 5px 2px #888;
  border: 2px solid #000;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
}
.debug p.toggle {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.debug p.toggle + p.toggle {
  margin-top: 3px;
}
.debug p.toggle a {
  color: #000;
  text-decoration: none;
}
.debug p.toggle a:hover {
  color: #f00;
}
.dump ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: disc;
}
.dump ul li {
  margin: 20px 0 0 0;
  padding: 0;

}
.dump ul ul {
  margin: 0 0 0 40px;
  list-style-type: none;
}
.dump ul ul li {
  margin: 5px 0 0 0;
}
div.dump,
div.dump h3,
div.dump pre,
div.dump pre.last,
div.dump pre span,
div.dump pre i,
div.dump pre b,
div.dump pre u,
div.dump pre s,
div.dump pre del,
div.dump pre kbd {
  float: none;
  width: auto;
  max-width: 100%;
  color: #036;
  font-family: monospace;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  white-space: pre-wrap;
  line-height: 1.25em;
  text-decoration: none;
  border: 0;
  border-radius: 0;
}
div.dump {
  position: relative;
  margin: 30px auto;
  padding: 30px 0 0 0;
  max-width: 900px;
  border: 5px solid #099;
  border-radius: 10px;
}
.debug .dump {
  display: none;
  margin-top: 0;
  padding: 0;
}
div.dump h3 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 5px 0 5px 0;
  width: 100%;
  color: #ffc;
  font-family: monospace;
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  background-color: #099;
  border-bottom: 5px solid #099;
  border-radius: 5px 5px 0 0;
}
div.dump pre {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 1em;
  border-bottom: 1px solid #8ff;
}
div.dump pre.last {
  border-bottom: 0;
}
.debug div.dump pre,
.debug div.dump pre.last {
  margin-top: 0;
}
div.dump span.key,
div.dump pre u {
  color: #c0c;
}
div.dump span.integer,
div.dump span.double,
div.dump span.float,
div.dump pre i {
  color: #f00;
  font-weight: bold;
  font-style: normal;
}
div.dump span.boolean,
div.dump pre b {
  color: #0a0;
}
div.dump pre s {
  color: #000;
}
div.dump span.string,
div.dump pre kbd {
  color: #c60;
}/*
div.dump pre kbd:before,
div.dump pre kbd:after {
  content: "'";
}*/
div.dberror {
  margin: 30px auto;
  padding: 20px;
  width: 300px;
  font-weight: bold;
  background-color: #fcc;
  border: 1px solid #d00;
}
div.dberror h3 {
  margin: 0;
  padding: 0;
  color: #000;
}
div.dberror ol {
  margin: 20px 0 0 40px;
  padding: 0;
  color: #000;
}