BODY {
	min-width: 980px;
	background: url(bg_main.png) repeat-x 50% 0;
	line-height: 1.5;
}
HTML,
BODY {
	background-color: #f5f8fa;
}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
h1 {
	font-size: 21px;
	line-height: 1.238;
}
h2, h3, h4, h5, h6 {
	font-size: 18px;
}
h2.alt {
	margin-top: 15px;
	padding: 0 12px;
	font-size: 13px;
	line-height: 1.308;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
}
h3.alt {
	margin: 15px 0;
	padding-bottom: 1px;
	border-bottom: 1px dotted #e0e0e0;
	font-size: 12px;
	line-height: 1.25;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
}
h3 {
	padding: 0;
	background: none;
	font-size: 13px;
	line-height: 1.231;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 20px 0 -5px 11px;
}
UL.tabs + h2.alt,
DIV.tabs-content H2.alt:first-child {
	margin-top: -5px;
}

a {
	color: #3f95c5;
	text-decoration: underline;
}
a:hover {
	color: #154063;
}

abbr {
	cursor: help;
}
sup {
	line-height: 1;
	font-size: .75em;
	vertical-align: top;
}

OL {
	margin-left: 3em;
	list-style-type: decimal;
}
OL OL {
	margin: .5em 0 .5em 3em;
	list-style-type: lower-latin;
}
OL OL OL {
	list-style-type: lower-roman;
}
UL {
	margin-left: 2em;
}
UL LI {
	display: block;
	padding-left: 12px;
	background: url(bg_ul.gif) no-repeat 0 7px;
}
UL UL {
	margin: .5em 0 .5em 1.5em;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
#wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#path {
	margin: -8px 0 1em;
	color: #606060;
	font-size: 11px;
	line-height: normal;
}
#path A {
	text-decoration: none;
}
#path A:hover {
	color: #d11a6f;
	text-decoration: underline;
}
#path STRONG {
	font-weight: normal;
}
#content {
	min-height: 500px;
	padding: 20px;
	background: #fff;
}
* html #content {
	height: 1px;
}
#footer {
	margin-top: 10px;
	padding: 15px 20px;
	background: #fff;
	color: #303030;
}
#footer P {
	margin: 0;
}
#footer P + P {
	margin-top: .25em;
}
#footer P.vers {
	color: #A0A0A0;
}
#footer P SPAN {
	margin: 0 3px;
	color: #a0a0a0;
}
#footer DIV.col1 {
	float: left;
}
#footer DIV.col2 {
	float: right;
}
#footer DIV.col2 P {
	float: left;
	margin: 0;
	padding-left: 30px;
}
#footer DIV.col2 P IMG {
	display: block;
}

/* =ribbon
-------------------------------------------------- */
#ribbon {
	height: 60px;
	overflow: hidden;
	background: ;
	color: #fff;
	text-align: center;
}
#ribbon DIV.a {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 7px;
	text-align: left;
}
#ribbon a {
	color: #fff;
}

/* =ribbon login
-------------------------------------------------- */
#ribbon-login {
	height: 60px;
	overflow: hidden;
	background: ;
	color: #fff;
	text-align: center;
}
#ribbon-login DIV.a {
	width: 513px;
	margin: 0 auto;
	padding: 0 0 7px;
	text-align: left;
}
#ribbon-login a {
	color: #fff;
}

/* login */
#login-wrap { width: 310px; padding: 5px 10px 10px 10px; margin: 120px auto 0 auto; overflow: hidden; }
#login-wrap .form h2 span { background: #f4f8fa; }
#login-wrap .actions { overflow: hidden; margin: 5px 5px 0 0; }
/* logo */

#logo,
#logo A {
	width: 513px;
	height: 28px;
	overflow: hidden;
	background: url(jms_logo.png) no-repeat 100% 0;
}
#logo {
	float: left;
	margin: 16px 0 0 0;
}
#logo A {
	display: block;
	text-indent: -5000px;
	outline: none;
}

/* bar */

#bar {
	float: right;
	padding-top: 17px;
	margin-right: 20px;
}

#user {
	font-weight: 700;
	padding: 4px 0 0 0;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}

#lang,
#user,
#logout {
	float: left;
	margin: 0;
	padding-left: 10px;
}
#user p {
	float: left;
	margin: 0;
	padding-left: 20px;
}
#lang span,
#user span {
	margin: 0 2px;
	color: #c0c0c0;
	font-weight: 700;
}
#lang strong {
	font-weight: normal;
}
#logout a {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../gfx/btn_logout.png);
	text-indent: -9999px;
}

/* =header
-------------------------------------------------- */

/* login */

#login {
	float: right;
	margin-top: 5px;
	line-height: 1.25;
	font-weight: bold;
}
#login A {
	display: block;
	padding: 8px 12px 8px 28px;
	background: #fff url(ico_key.png) no-repeat 9px 50%;
	color: #606060;
	text-decoration: none;
}
#login A:hover {
	color: #d11a6f;
	text-decoration: underline;
}

/* tools */

#tools {
	float: right;
	padding-top: 10px;
}
#tools SELECT,
#tools INPUT.text {
	border-color: #a0a0a0 #d0d0d0 #d0d0d0 #a0a0a0;
}

/* search */

#search {
	float: left;
	margin: 0;
	color: #303030;
}
#search INPUT.text {
	width: 144px;
	border-color: #a0a0a0 #c0c0c0 #c0c0c0 #a0a0a0;
}

#search-options {
	position: absolute;
	top: 4.5em;
	z-index: 99;
	min-width: 150px;
	margin-top: -1px;
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
}
#search-options DIV.a {
	padding: 14px;
	border: 1px solid #a0a0a0;
	background: #f8f8f8;
}
#search-options H2 {
	margin: 0;
	font-size: 12px;
	line-height: 1.25;
}
#search-options UL {
	margin: .5em 0 0;
}
#search-options LI {
	padding: 0;
	background: none;
}
#search-options LI.active {
	font-weight: bold;
}
#search-options INPUT,
#search-options LABEL {
	vertical-align: middle;
}

P.close,
P.close A {
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(bg_close.png) no-repeat 100% 0;
}
P.close {
	float: right;
	margin: 0;
}
P.close A {
	display: block;
	text-indent: -5000px;
	outline: none;
}
P.close A:hover,
P.close A:focus {
	background-position: 100% -15px;
}

/* zoom */

#zoom {
	float: left;
	margin: 0;
	padding-left: 20px;
}
#zoom A {
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	background: #fff url(bg_zoom.png) no-repeat 100% 0;
	background-color: #fff;
	text-indent: -5000px;
	outline: none;
}
#zoom A.active {
	background-position: 100% -21px;
}

/* syncmsg */

#syncmsg {
	margin: 10px 0 0;
	padding: 10px 18px 10px 20px;
	border: 1px solid #c0c0c0;
	background: #ffc;
}
#syncmsg p {
	margin: 0;
}
#syncmsg p.content {
	float: left;
	margin-top: 3px;
	font-size: 13px;
}
#syncmsg p.action {
	float: right;
}

/* MENU
----------------------------------------------------------*/
#nav,
#nav UL {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
#nav {
	float: left;
	min-height: 1px;
}
* html #nav {
	height: 1px;
}
#nav LI {
	float: left;
	padding: 0;
	background: none;
}
#nav LI A {
	display: block;
	padding: 7px 12px;
	background: #7f9db1 url(bg_nav_parent.gif) no-repeat -30px 0;
	color: #fff;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	text-shadow: 0px 1px 0px #1b4566;
	filter: dropshadow(color=#1b4566, offx=0, offy=1);
}
#nav LI.active A {
	background: #326481;
}
#nav LI.active A:hover {
	background: #2e5a74;
}
#nav LI A:hover,
#nav LI:hover A,
#nav LI.hover A {
	background-color: #6c879a;
	color: #fff;
}
#nav LI A.parent {
	padding-right: 22px;
	background-position: 100% 11px;
}
#nav LI A.parent:hover,
#nav LI:hover A.parent,
#nav LI.hover A.parent {
	border-bottom-width: 0;
	background-position: 100% -37px;
}
#nav UL {
	display: none;
	position: absolute;
	z-index: 2;
	background: #fff;
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
}
* html #nav UL {
	width: 150px;
}
#nav UL LI {
	float: none;
	display: inline;
}
#nav UL A {
	padding: 5px 12px;
	border: none !important;
	color: #fff !important;
	font-weight: normal;
}
#nav UL A:hover {
	text-decoration: underline !important;
}

#nav LI:hover UL,
#nav LI.hover UL {
	display: block;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}
fieldset p {
	margin: 2px 12px 10px 10px;
}
fieldset label {
	display: block;
}
fieldset label.inline {
	display: inline;
}
legend {
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}
input[type="text"] {
	width: 200px;
	border: 1px solid #ccc;
}
input[type="password"] {
	width: 200px;
	border: 1px solid #ccc;
}

.green { color: #77bc00; }
.red { color: #7cc612; }

/* =content
-------------------------------------------------- */
DIV.info {
	margin-top: 1em;
	padding: .25em 1em .75em;
	border: 1px solid #f8edba;
	background: #fffede;
}
DIV.info P {
	margin-top: .5em;
}

SPAN.more {
	color: #606060;
	white-space: nowrap;
}
SPAN.more A {
	font-weight: bold;
	text-decoration: none;
}

P.meta {
}
P.meta SPAN {
	margin: 0 3px;
	color: #c0c0c0;
}
P.meta SPAN.info {
	margin: 0;
	color: #606060;
}

DIV.text {
	width: 600px;
	font-size: 14px;
}
DIV.hr {
	height: 35px;
	overflow: hidden;
	background: url(bg_separator.gif) repeat-x 0 17px;
}
DIV.hr HR {
	display: none;
}

/* links */

UL.links LI {
	padding-left: 10px;
	background: url(dot02.gif) no-repeat 1px 7px;
}
UL.links UL {
	margin-left: 1em;
}
UL.links A {
	text-decoration: none;
}
UL.links A:hover {
	text-decoration: underline;
}
UL.links SPAN {
	color: #606060;
}

/* ptools */

UL.ptools {
	float: right;
	margin: -20px 0;
}
UL.ptools A,
UL.ptools LI {
	float: left;
}
UL.ptools LI {
	padding: 0 0 0 8px;
	background: none;
}
UL.ptools A {
	margin: 0 5px 0 5px;
	padding: 4px 0 2px 20px;
	font-weight: bold;
	text-decoration: none;
}
UL.ptools A:hover {
	text-decoration: underline;
}
UL.ptools LI.delete A {
	background: url(../gfx/ico_delete.png) center left no-repeat;
}

UL.ptools LI.export A {
	background: url(../gfx/ico_export.png) center left no-repeat;
}

UL.ptools LI.archive A {
	background: url(../gfx/ico_archive.png) center left no-repeat;
}

UL.ptools LI.renew A {
	background: url(../gfx/ico_renew.png) center left no-repeat;
}
UL.ptools LI.refresh {
	padding: 4px 0 0 0;
}
UL.ptools LI.refresh label {
	margin: 0 0 0 2px;
}
H1 + UL.ptools {
	margin: -26px 0 0;
}

/* htools */

UL.htools {
	position: relative;
	float: right;
	margin: -30px 0 0;
}
UL.htools A,
UL.htools LI,
UL.htools STRONG {
	float: left;
}
UL.htools LI {
	padding: 0 0 0 5px;
	background: none;
}
UL.htools A {
	background: #fff;
	padding: 3px 10px;
	border: 1px solid;
	border-color: #e0e0e0 #c0c0c0 #c0c0c0 #e0e0e0;
	background: #fff url(bg_htools.png) repeat-x 0 -30px;
	font-weight: bold;
	text-decoration: none !important;
	-moz-border-radius: 3px;
}
UL.htools STRONG {
	cursor: pointer;
}
UL.htools A:hover {
	border-color: #d0d0d0 #a0a0a0 #a0a0a0 #d0d0d0;
	background-position: 0 50%;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.125);
}

/* =MAP
-------------------------------------------------- */
DIV.map-wrap {
	margin-top: 20px;
}
DIV.map-wrap DIV.sidebar {
	float: left;
	width: 210px;
	line-height: 1.25;
}
DIV.map-wrap DIV.sidebar DIV.box {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8;
}
DIV.map-wrap DIV.sidebar P {
	margin-top: .75em;
}
DIV.map-wrap DIV.sidebar H2 {
	margin: 0;
	font-size: 13px;
}
DIV.map-wrap DIV.sidebar SELECT {
	width: 186px;
}
DIV.map-wrap DIV.sidebar INPUT.text {
	width: 180px;
}
DIV.map-wrap DIV.map {
	float: right;
	width: 690px;
}

#map {
	margin: 17px 0 20px;
	outline: 1px solid rgba(0, 0, 0, 0.25);
	outline-offset: -1px;
}
.js #map {
	display: none;
}
#map IMG {
	display: block;
}

/* =tabs
-------------------------------------------------- */
UL.tabs {
	margin: 20px -20px; 0;
	padding: 0 20px;
	background: url(bg_tabs.png) repeat-x 0 100%;
}
UL.tabs A,
UL.tabs LI,
UL.tabs STRONG {
	float: left;
}
UL.tabs A {
	border: solid #dae5eb;
	border-width: 1px 1px 0;
	color: #5e5e5e;
}
UL.tabs LI {
	margin-right: 3px;
	padding: 0;
	background: #f8fafa;
}
UL.tabs A,
UL.tabs STRONG {
	padding: 4px 9px;
	text-decoration: none !important;
}
UL.tabs A:hover,
UL.tabs A:focus {
	padding: 4px 9px;
	border: solid #7f9db1;
	border-width: 1px 1px 0;
	background: #fff;
	color: #5e5e5e;
}
UL.tabs LI.active A,
UL.tabs LI.active STRONG,
UL.tabs LI.ui-state-active A {
	padding: 4px 9px 5px !important;
	border: solid #7f9db1;
	border-width: 1px 1px 0;
	background: #fff !important;
	color: #000 !important;
	font-weight: bold;
	cursor: default;
	outline: none;
}

.ui-tabs .ui-tabs-panel {
	display: block;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

H1 + UL.tabs,
UL.ptools + UL.tabs,
H1 + #tabs-wrap UL.tabs,
UL.ptools + #tabs-wrap UL.tabs {
	margin-top: 14px;
}

/* =subtabs
-------------------------------------------------- */
DIV.subheading {
	background: url(bg_subtabs.gif) repeat-x 0 100%;
}
DIV.subheading H2 {
	float: left;
	margin: 0;
	padding-top: 3px;
	font-size: 16px;
	line-height: 1.25;
	font-family: Arial, Helvetica, sans-serif;
}
DIV.subheading UL.subtabs {
	float: right;
	margin: 0;
	background: none;
}
DIV.subheading + TABLE.data {
	margin-top: 20px;
}

UL.subtabs {
	margin: 20px 0 0;
	background: url(bg_subtabs.gif) repeat-x 0 100%;
}
UL.subtabs A,
UL.subtabs LI,
UL.subtabs STRONG {
	float: left;
}
UL.subtabs LI {
	padding: 0 0 0 1px;
	background: none;
}
UL.subtabs A,
UL.subtabs STRONG {
	padding: 5px 10px 4px;
	font-weight: bold;
	text-decoration: none !important;
}
UL.subtabs A:hover,
UL.subtabs A:focus {
	padding: 4px 9px;
	border: solid #e0e0e0;
	border-width: 1px 1px 0;
	background: #fff;
	color: #d11a6f;
}
UL.subtabs LI.active STRONG {
	padding: 4px 9px 5px !important;
	border: solid #c0c0c0;
	border-width: 1px 1px 0;
	background: #fff !important;
	color: #000 !important;
	font-weight: bold;
	cursor: default;
	outline: none;
}

/* =steps
-------------------------------------------------- */
OL.steps {
	margin: 15px 0 0;
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
	list-style: none;
	line-height: 1.417;
}
OL.steps LI,
OL.steps STRONG {
	float: left;
}
OL.steps A {
	text-decoration: none;
}
OL.steps A:hover {
	text-decoration: underline;
}
OL.steps LI {
	padding: 5px 10px;
	color: #606060;
}
OL.steps LI.active {
	position: relative;
	margin-left: -1px;
	padding: 0;
}
OL.steps LI.active STRONG {
	padding: 5px 21px 5px 10px;
	border-left: 1px solid #c0c0c0;
	background: #fff url(bg_steps.gif) no-repeat 100% 50%;
	color: #000;
}

/* =tooltip
-------------------------------------------------- */
IMG.help {
	cursor: help;
	vertical-align: middle;
}

#tooltip,
#tooltip * {
	color: #000;
	font-size: 12px;
	line-height: 1.417;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	max-width: 320px;
	padding: 8px 10px;
	border: 1px solid;
	border-color: #606060 #303030 #303030 #606060;
	background: #fffcd4;
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
#tooltip H3 {
	margin: 0;
	border: none;
}
#tooltip DIV {
	display: none !important;
}

/* =messages
-------------------------------------------------- */
DIV.message {
	margin: 20px 0 0;
	border: dotted #c0c0c0;
	border-width: 1px 0;
	background: #f0f2f4 url(ico_msg_info.png) no-repeat 12px 12px;
}
DIV.message DIV {
	min-height: 30px;
	padding: .25em 12px 1em 48px;
	border: solid #fff;
	border-width: 1px 0;
}
DIV.message H2 {
	margin: .5625em 0 0;
	color: #606060;
	font-size: 16px;
}
DIV.message P {
	margin-top: .75em;
}
DIV.message A {
	color: #000;
	text-decoration: underline;
}
DIV.msg-ok {
	border-color: #adddc1;
	background-color: #e5f4ec;
	background-image: url(ico_msg_ok.png);
}
DIV.msg-ok H2 {
	//color: #00854a;
}
DIV.msg-error {
	border-color: #f8c3c3;
	background-color: #fdecec;
	background-image: url(ico_msg_error.png);
}
DIV.msg-error H2 {
	color: #dc291e;
}

/* =tables
-------------------------------------------------- */
DIV.scroll {
	width: 800px;
	margin-top: 1em;
	padding: 0;
	border: 1px solid #c0c0c0;
	background: #fff;
	overflow: auto;
	overflow-x: auto;
}
DIV.scroll TABLE {
	margin: 0;
}

TABLE.data {
	width: 100%;
	border: 1px solid #e0e0e0;
}
TABLE.data TH,
TABLE.data TD {
	padding: 5px 6px;
	border: solid #e0e0e0;
	border-width: 0 1px 1px 0;
	background: #fff;
}
TABLE.data TH {
	border: 1px solid #d0d0d0;
	background: #f0f0f0 url(bg_table_th.png) no-repeat 0 0;
}
TABLE.data TH A {
	border: none;
	color: #000;
	text-decoration: underline;
}
TABLE.data TD SPAN.sep {
	margin: 0 3px;
	color: #c0c0c0;
}
TABLE.data TD.input {
	padding: 2px 3px;
}
TABLE.data TD.check {
	width: 1%;
	padding: 2px 5px 0;
}
TABLE.data TD.action,
TABLE.data TD.action-ico {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}
TABLE.data TD.action SPAN {
	margin: 0 .2em;
	color: #b2b2b2;
}
TABLE.data TD.action-ico {
	padding: 3px 6px 0;
}
TABLE.data TD.right INPUT.text {
	text-align: right !important;
}
TABLE.data TD.action INPUT {
	margin: 0 1px;
	vertical-align: top;
}
*+HTML TABLE.data TD.check {
	padding-top: 1px;
}
* HTML TABLE.data TD.check {
	padding-top: 1px;
}
TABLE.data TD.check INPUT {
	vertical-align: top;
}
/*
TABLE.data TBODY TR:hover TD,
TABLE.data TBODY TR.hover TD {
	background-color: #fffad0;
}
*/
TABLE.data UL.compact {
	margin: 0;
}
TABLE.data UL.compact LI {
	padding-left: 9px;
	background: url(bg_ul_ul.gif) no-repeat 0 .5em;
}
TABLE.data TD.active,
TABLE.data TR.marked TD,
TABLE.data TR.checked TD {
	background: #fffad0;
}
TABLE.data TR.title TH,
TABLE.data TR.title TD {
	border: 1px solid #d0d0d0;
	background: #efefef url(bg_table_title.png) repeat-x 0 0 !important;
}
TABLE.data TR.title TH {
	text-transform: uppercase;
}
TABLE.data TR.parent TD {
	background: #f0f0f0 url(bg_tr_parent.png) repeat-x 0 0;
}
TABLE.data TR.parent TD > A {
	color: #000;
}

TABLE.data TD.toggle-subrow {
	width: 1%;
	padding: 0;
}
TABLE.data TD.toggle-subrow A {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(bg_subrow_toggle.png) no-repeat 100% 5px;
	text-indent: -5000px;
}
TABLE.data TD.toggle-subrow A:hover,
TABLE.data TD.toggle-subrow A:focus {
	background-position: 100% -20px;
}
TABLE.data TD.toggle-subrow A.open {
	background-position: 100% -45px;
}
TABLE.data TD.toggle-subrow A.open:hover,
TABLE.data TD.toggle-subrow A.open:focus {
	background-position: 100% -70px;
}
TABLE.data TR.subrow TD {
	padding: 0;
	border-top: 1px solid #c0c0c0;
	background: #fff;
	font-size: 12px;
	line-height: 1.5;
}
TABLE.data TR.subrow DIV.content {
	padding: 0 19px 12px;
	border-bottom: 1px solid #e0e0e0;
}
TABLE.data TR.subrow UL.links {
	float: left;
	min-width: 17em;
	margin: 1em 20px 0 0;
}

TABLE.data TH.sort {
	padding: 0;
}
TABLE.data TH.sort A {
	display: block;
	padding: 5px 18px 5px 6px;
	background: url(sort01.gif) no-repeat 100% 50%;
	outline: none;
}
TABLE.data TH.ascending,
TABLE.data TH.descending {
	background-position: -920px 0;
	background-color: #fff;
}
TABLE.data TH.ascending A {
	background-image: url(sort02.gif);
}
TABLE.data TH.descending A {
	background-image: url(sort03.gif);
}

TABLE.data TH.nr,
TABLE.data TD.nr {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}
TABLE.data TD.unit {
	width: 1%;
	white-space: nowrap;
	text-align: left;
}
TABLE.data TD.ico {
	width: 1%;
	padding: 0 7px;
	text-align: center;
	vertical-align: middle;
}
TABLE.data TD.ico IMG {
	cursor: help;
}

TABLE.data TD.level2 {
	padding-left: 18px;
}
TABLE.data TD.level3 {
	padding-left: 30px;
}
TABLE.data TD.level4 {
	padding-left: 42px;
}
TABLE.data TD.level5 {
	padding-left: 54px;
}
TABLE.data TD.level6 {
	padding-left: 66px;
}

TABLE.data TBODY TR.editable TD {
	background: #f0f0f0;
	padding: 2px 3px;
	vertical-align: middle;
}
TABLE.data TBODY TR.editable TD .button {
	width: 42px;
	text-align: center;
	padding: 2px 1px 2px 1px;
	margin: 0 4px 0 0;
}

TABLE.data TBODY TR.filter TD INPUT,
TABLE.data TBODY TR.filter TD SELECT {
	padding: 3px 1px;
}
TABLE.data TBODY.alt TD {
	background: #f8f8f8;
}

TABLE.data TFOOT TH,
TABLE.data TFOOT TD {
	border-top: 2px solid #d0d0d0 !important;
	background: #f8f8f8;
	font-weight: bold;
}
TABLE.data TFOOT TH {
	text-align: right;
}

.table-actions { float: right; clear: both; margin: 5px 5px 0 0; list-style: none!important; }
.table-actions li { display: inline; float: right; list-style: none!important; }

/* form */

TABLE.form {
	width: 100%;
}
TABLE.form TH {
	width: 25%;
	padding: 6px 12px 3px 0;
	color: #606060;
	text-align: right;
}
TABLE.form TD {
	width: 75%;
	padding: 3px 0;
}
TABLE.form TD P {
	margin: 0;
	padding: .5em 0;
	line-height: normal;
}
TABLE.form TD P.info {
	margin: 0;
	padding: 0 0 .2em 0;
	font-size: 13px;
}
TABLE.form TD P.check-title,
TABLE.form TD P.check-title LABEL {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
TABLE.form TD P.check-title {
	margin-top: .15em;
}
TABLE.form TD DIV.check-group {
	margin-left: 1.75em;
}
TABLE.form TD DIV.check-group DIV {
	float: left;
	margin: 0 1em 1em 0;
	padding: .4em 0 0;
}
TABLE.form TD LABEL,
TABLE.form TD INPUT,
TABLE.form TD SELECT {
	vertical-align: middle;
}
TABLE.form TD LABEL {
	margin-right: .75em;
}
TABLE.form TD INPUT.help {
	cursor: help;
}
TABLE.form TD INPUT.action {
	cursor: pointer;
}
TABLE.form TD SPAN.action {
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #b2b2b2;
	font-size: 12px;
}
TABLE.form TD SPAN.action A {
	padding: 0 2px;
	font-weight: bold;
}
TABLE.form TD.check LABEL {
	margin: 0;
}
TABLE.form TD.check,
TABLE.form TD.check * {
	vertical-align: middle;
}
TABLE.form TD.data {
	padding-top: 6px;
}
TABLE.form TR.action TD {
	padding: 9px 0 0;
}
TABLE.form TR.action A {
	display: inline-block;
	margin-left: .5em;
	padding: 4px 6px;
	font-weight: bold;
}

TABLE.form TD TABLE.wrap TH,
TABLE.form TD TABLE.wrap TD {
	padding: 1px 0 !important;
}

TABLE.form TR.error TH,
TABLE.form TR.error TD {
	background-color: #fbebed !important;
}
TABLE.form TR.error TH,
TABLE.form TR.error TD,
TABLE.form TR.error TH LABEL,
TABLE.form TR.error TH SPAN.req {
	color: #cc0a0a;
}
TABLE.form TR.error TD SELECT,
TABLE.form TR.error TD TEXTAREA,
TABLE.form TR.error TD INPUT.text,
TABLE.form TR.error TD INPUT.date,
TABLE.form TR.error TD INPUT.date-range,
TABLE.form TR.error TD INPUT.time,
TABLE.form TR.error TD INPUT.mobile,
TABLE.form TR.error TD INPUT.datetime {
	border: 1px solid !important;
	border-color: #710606 #efb5b5 #efb5b5 #710606 !important;
}
TR.error INPUT[type="text"]:focus {
	outline: 1px solid #efb5b5;
}

/* multiselect */

TR.multiselect TH {
	width: 1%;
	padding: 1px 10px 0;
	color: #d0d0d0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
TR.multiselect TD {
	width: 92%;
}
TR.multiselect SELECT {
	width: 225px;
}
TR.multiselect P.action {
	display: inline-block;
	padding: 0 0 0 10px;
}

/* row-action */

TD.action-menu {
	width: 1%;
	padding: 0 !important;
}
DIV.rowmenu A,
TD.action-menu A {
	display: block;
	white-space: nowrap;
	text-decoration: none;
}
TD.action-menu A:hover,
TD.action-menu A:focus {
	text-decoration: underline;
}
A.rowmenu-trigger {
	padding: 5px 14px 5px 6px;
	background: url(dot01.gif) no-repeat 100% 11px;
}
A.rowmenu-trigger-mini {
	display: none;
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin-right: -1px;
	padding: 0;
	background: url(bg_rowmenu_trigger_mini.png) no-repeat 100% 0;
	outline: none;
	text-indent: -5000px;
	text-decoration: none !important;
}
.js A.rowmenu-trigger-mini {
	display: block;
}
TD:hover A.rowmenu-trigger-mini {
	background-position: 100% -30px;
}
A.rowmenu-trigger-mini:hover,
A.rowmenu-trigger-mini:focus {
	background-position: 100% -15px !important;
}
TD.active A.rowmenu-trigger-mini {
	background-position: 100% -30px !important;
}
TD.action-menu A.active {
	background-image: url(dot03.gif);
	background-color: #266582 !important;
	color: #fff !important;
	text-decoration: none !important;
}

DIV.rowmenu {
	position: absolute;
	min-height: 1px;
	background: #266582;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
DIV.rowmenu UL {
	min-height: 1px;
	margin: 0;
	border: solid #00723a;
	border-width: 1px 0 0 1px;
}
DIV.rowmenu LI {
	display: inline;
	padding: 0 !important;
	background: none;
}
DIV.rowmenu A {
	display: block;
	padding: 5px 12px;
	border: solid #014164;
	border-width: 0 1px 1px 0;
	color: #fff;
	line-height: 1.25;
}
DIV.rowmenu A:hover,
DIV.rowmenu A:focus {
	background: #235b75 !important;
	color: #fff !important;
	text-decoration: underline !important;
}
* HTML DIV.rowmenu A {
	width: 100px;
}
* html DIV.rowmenu A,
* html A.rowmenu-trigger {
	height: 1px;
}

/* units */

TABLE.units {
	width: 100%;
	border: 1px solid #e0e0e0;
}
TABLE.units TH,
TABLE.units TD {
	padding: 0 6px 5px;
	background: #fff;
}
TABLE.units TR.first TH,
TABLE.units TR.first TD {
	padding: 5px 6px;
}
TABLE.units TBODY {
	border-bottom: 1px solid #e0e0e0;
}
TABLE.units TH {
	font-weight: bold;
}

/* =advanced
-------------------------------------------------- */
UL.adv {
	min-height: 1px;
	margin: 1.5em 0 0 0;
	list-style: none;
}
UL.adv LI {
	min-height: 1px;
	padding: 0 0 .5em;
	background: none;
}
UL.adv UL.adv-sub LI {
	padding-bottom: 3px;
}
UL.adv TABLE {
	width: 100%;
	margin: 0;
}
UL.adv TD {
	width: 1%;
	padding: 3px 6px;
	vertical-align: top;
	white-space: nowrap;
}
UL.adv TD.title {
	width: 100%;
	padding-left: 0;
}
UL.adv UL TD.title {
	padding-top: 6px;
}
UL.adv TD.title P {
	color: #606060;
}
UL.adv TD.data SPAN {
	margin: 0 3px;
	color: #c0c0c0;
}
UL.adv TD.data STRONG {
	color: #000;
	font-weight: normal;
}
UL.adv TD.form {
	width: 100%;
	padding-right: 6px;
}
UL.adv TD.toggle {
	padding-right: 2px;
}
UL.adv TD.toggle A {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin-top: 1px;
	background: url(bg_toggle.png) no-repeat 100% -32px;
	outline: none;
	text-indent: -5000px;
}
UL.adv TD.toggle A:hover,
UL.adv TD.toggle A:focus {
	background-position: 100% -48px;
}
UL.adv TD.toggle A.open {
	background-position: 100% -0;
}
UL.adv TD.toggle A.open:hover,
UL.adv TD.toggle A.open:focus {
	background-position: 100% -16px;
}
UL.adv TR.active TD {
	background: #fffad0;
}
UL.adv UL UL TD {
	padding: 0 0 0 6px;
	vertical-align: middle;
}
UL.adv UL.adv-sub {
	margin: .5em 0 0 3em;
}
UL.adv UL UL.adv-sub {
	margin-left: 5em;
	padding: .25em 0;
}
UL.adv H2 {
	display: block !important;
	position: static !important;
	margin: 0 !important;
	color: #000 !important;
	font-size: 16px !important;
	line-height: 1.3125 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
UL.adv H3 {
	margin: 0;
	color: #000;
	font-size: 12px;
	line-height: 1.25;
}
UL.adv P {
	margin-top: 0;
}
UL.adv P.add {
	margin: .5em 0 0 1em;
}
UL.adv TD.title P,
UL.adv TD.title H2,
UL.adv TD.title H3 {
	display: inline !important;
}
UL.adv TD.title H2 + P,
UL.adv TD.title H3 + P {
	padding-left: .5em;
}
UL.adv TD.action-menu {
	width: 100%;
	padding: 0;
}
UL.adv P.action {
	display: inline;
	margin: 0 0 0 1em;
}
UL.adv P.action A {
	text-decoration: none;
}
UL.adv P.action A:hover {
	text-decoration: underline;
}

UL.adv TABLE.wrap,
UL.adv TABLE.wrap TH,
UL.adv TABLE.wrap TD {
	width: auto;
}
UL.adv TABLE.wrap TH,
UL.adv TABLE.wrap TD {
	padding: 3px 6px 3px 0 !important;
	line-height: 1.5;
	font-weight: normal;
}
UL.adv TABLE.wrap TH {
	padding-right: 24px !important;
}

/* =pager
-------------------------------------------------- */
DIV.pager {
	margin-top: 10px;
}
DIV.pager UL,
DIV.pager UL LI {
	float: left;
	margin: 0;
	padding: 0;
}
DIV.pager UL {
	list-style: none;
}
DIV.pager UL LI {
	margin-right: 1px;
	padding: 0;
	background: none;
}
DIV.pager UL LI A,
DIV.pager UL LI SPAN,
DIV.pager UL LI STRONG {
	float: left;
	padding: 2px 6px;
	border: 1px solid #fff;
	line-height: normal;
	text-decoration: none;
}
DIV.pager UL LI SPAN,
DIV.pager UL LI STRONG {
	cursor: default;
}
DIV.pager UL LI A {
	border-color: #e0e0e0;
	background: #fff;
}
DIV.pager UL LI A:hover {
	border-color: #024264;
	background: #024264;
	color: #fff;
}
DIV.pager UL LI SPAN {
	color: #a0a0a0 !important;
	border-color: #e0e0e0;
}
DIV.pager P {
	float: right;
	margin: .05em 0 0 0 !important;
}
DIV.pager P SPAN {
	margin: 0 .2em;
	color: #c0c0c0;
}

/* =filter
-------------------------------------------------- */
DIV.filter {
	margin-top: 1em;
	padding: 0 10px 10px;
	border: 1px solid #b0c4cd;
	background: #ecf1f3;
}
DIV.filter P {
	margin: 0;
	padding-top: 10px;
}
DIV.filter INPUT,
DIV.filter SELECT {
	vertical-align: middle;
}
DIV.filter DIV.content {
	float: left;
	width: 750px;
}
DIV.filter P.action {
	float: right;
	margin: 0;
	padding-top: 8px;
}
DIV.filter LABEL {
	display: inline-block;
	margin-right: .5em;
}
DIV.filter-options P {
	float: left;
	margin-right: 1.5em;
}

/* =form
-------------------------------------------------- */
P.form LABEL {
	display: block;
}

SPAN.req {
	vertical-align: middle;
	color: #00854a;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: help;
}

DIV.form {
	min-height: 1px;
	margin-top: 25px;
	padding: 17px 11px 17px;
	border: 1px solid #e0e0e0;
}
* HTML DIV.form {
	height: 1px;
}
DIV.form H2 {
	position: relative;
	margin: -27px -4px 10px;
	padding: 0;
	background: none;
	font-size: 13px;
	line-height: 1.231;
	font-family: Verdana, Helvetica, sans-serif;
}
DIV.form H2 SPAN {
	display: inline-block;
	padding: 0 4px;
	background: #fff;
}
DIV.form H2 SPAN SPAN {
	display: inline;
	padding: 0 0 0 2px;
	color: #606060;
	font-weight: normal;
}
DIV.form TABLE.form {
	margin: 0;
}

/* form cols 2 */

DIV.form-cols {
	margin-top: 25px;
}
DIV.form-cols TH {
	width: 35%;
}
DIV.form-cols TD {
	width: 65%;
}
DIV.form-cols DIV.form {
	margin: 0;
}
DIV.form-cols UL.tabs {
	margin: 0 -11px 10px;
	padding: 0 11px;
	background: #fff url(bg_tabs_form.png) repeat-x 0 100%;
}
DIV.form-cols UL.tabs STRONG {
	border-color: #e0e0e0;
}
DIV.form-col1,
DIV.form-col2 {
	width: 460px;
}
DIV.form-col1 {
	float: left;
}
DIV.form-col2 {
	float: right;
}

/* add */

P.add A {
	float: left;
	padding-left: 13px;
	background: url(ico_add.gif) no-repeat 0 5px;
	line-height: 1.5;
	font-weight: bold;
	text-decoration: none;
}
P.add A:hover {
	background-position: 0 -54px;
	text-decoration: underline;
}
TABLE.form P.add {
	margin: .25em 0 0 !important;
	padding: 0 !important;
}

/* nr */

SPAN.confirm {
	display: none;
	margin: 0;
	color: #000;
}
SPAN.confirm A {
	display: inline-block;
	min-width: 20px;
	padding: 0 3px;
	text-align: center;
	text-decoration: none !important;
}
SPAN.confirm A:hover {
	background: #dc291e;
	color: #fff;
}
SPAN.confirm A.cancel:hover {
	background: #00854a;
}
SPAN.confirm SPAN {
	margin: 0;
	color: #c0c0c0;
}

/* coordinates */

DIV.coordinates P {
	float: left;
	margin: 0 1em 0 0 !important;
	padding: 0 !important;
	white-space: nowrap;
}
DIV.coordinates SPAN,
DIV.coordinates INPUT {
	vertical-align: middle;
}
DIV.coordinates INPUT {
	width: 64px;
	text-align: right;
}

/* =inputs
-------------------------------------------------- */
SELECT,
TEXTAREA,
INPUT.date,
INPUT.date-range,
INPUT.time,
INPUT.text {
	border: 1px solid;
	border-color: #b0b0b0 #e0e0e0 #e0e0e0 #b0b0b0;
}
INPUT.text,
INPUT.date,
INPUT.date-range,
INPUT.time {
	padding: 2px;
	min-height: 15px;
}
SELECT {
	min-height: 15px;
	margin: 0;
	padding: 1px;
}
INPUT.text {
	width: 200px;
}
INPUT.wide {
	width: 400px;
}
INPUT.medium {
	width: 300px;
}
INPUT.min {
	width: 39px;
}
INPUT.small {
	width: 84px;
}
INPUT.main {
	width: 400px;
	font-size: 16px;
	font-weight: bold;
}
INPUT.date {
	width: 68px;
	padding-right: 18px;
	background: #fff url(ico_cal.gif) no-repeat 71px 40%;
	cursor: pointer;
}
INPUT.date-range {
	width: 142px;
	padding-right: 18px;
	background: #fff url(ico_cal.gif) no-repeat 145px 40%;
	cursor: pointer;
}
INPUT.time {
	width: 40px;
}
INPUT.example {
	color: #808080 !important;
}
TEXTAREA {
	width: 400px;
	height: 108px;
	padding: 2px;
	line-height: 1.5;
	overflow: auto;
}
TEXTAREA.big {
	height: 162px;
}
TEXTAREA.small {
	height: 54px;
}
SELECT:focus,
TEXTAREA:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
	border-color: #808080 #d0d0d0 #d0d0d0 #808080;
	outline: 1px solid #ff0;
	outline-offset: 0;
}
TEXTAREA[readonly],
INPUT[type="text"][readonly],
INPUT[type="password"][readonly] {
	background-color: #f8f8f8 !important;
}
SELECT[disabled],
TEXTAREA[disabled],
INPUT[type="text"][disabled],
INPUT[type="password"][disabled] {
	background-color: #f8f8f8 !important;
	outline: none !important;
}
BUTTON,
LABEL[for],
INPUT[type="reset"],
INPUT[type="button"],
INPUT[type="submit"],
INPUT[type="radio"],
INPUT[type="checkbox"] {
	cursor: pointer;
}
INPUT[type="radio"],
INPUT[type="checkbox"] {
	margin: 3px;
	padding: 1px;
}
*+HTML INPUT[type="radio"],
*+HTML INPUT[type="checkbox"] {
	margin: 0;
}

/* =buttons
-------------------------------------------------- */
INPUT.button {
	padding: 1px 8px;
	border: 1px solid;
	border-color: #3a6782 #000 #000 #3a6782;
	background: #004060;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
INPUT.button:hover,
INPUT.button:focus {
	border-color: #3a6782 #000 #000 #3a6782;
	color: #ffffff;
	text-shadow: #1d5230 1px 1px 0;
}
INPUT.button:active {
	border-color: #000 #3a6782 #3a6782 #000;
}
INPUT.alt {
	border-color: #c0c0c0 #808080 #808080 #c0c0c0;
	background: #f0f0f0;
	color: #000;
	font-weight: normal;
}
INPUT.alt:hover {
	border-color: #fff #e0e0e0 #e0e0e0 #fff;
}
INPUT.alt:active {
	border-color: #b0b0b0 #fff #fff #b0b0b0;
}

BUTTON,
BUTTON SPAN {
	position: relative;
	height: 26px;
	font-size: 12px;
	line-height: 15px;
}
BUTTON {
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	vertical-align: top;
}
BUTTON SPAN,
BUTTON STRONG {
	display: block;
	background: url(bg_button.png) no-repeat 0 0;
	cursor: pointer;
}
BUTTON SPAN {
	padding-right: 14px;
	background-position: 100% 0;
	background-color: #143f60;
	white-space: nowrap;
}
BUTTON STRONG {
	padding: 6px 0 5px 13px;
	color: #fff;
}


BUTTON[disabled="disabled"],
BUTTON[disabled="disabled"] SPAN {
	position: relative;
	height: 26px;
	font-size: 12px;
	line-height: 15px;
}
BUTTON[disabled="disabled"] {
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	vertical-align: top;
}
BUTTON[disabled="disabled"] SPAN,
BUTTON[disabled="disabled"]:hover SPAN,
BUTTON[disabled="disabled"] STRONG,
BUTTON[disabled="disabled"]:hover STRONG {
	display: block;
	background: url(bg_button_dis.png) no-repeat 0 0;
	cursor: default;
	text-shadow: none;
}
BUTTON[disabled="disabled"] SPAN,
BUTTON[disabled="disabled"]:hover SPAN {
	padding-right: 14px;
	background-position: 100% 0;
	background-color: #627380;
	white-space: nowrap;
}
BUTTON[disabled="disabled"] STRONG,
BUTTON[disabled="disabled"]:hover STRONG {
	padding: 6px 0 5px 13px;
	color: #ccc;
}


BUTTON:hover SPAN,
BUTTON:focus SPAN {
	background-position: 100% -26px;
}
BUTTON:hover STRONG,
BUTTON:focus STRONG {
	background-position: 0 -26px;
	color: #fff;
	text-shadow: #000000 1px 1px 0;
}
BUTTON:active SPAN {
	background-position: 100% -52px;
}
BUTTON:active STRONG {
	background-position: 0 -52px;
	color: #fff;
}
BUTTON::-moz-focus-inner {
	padding: 0;
	border: none;
}
/* dev
----------------------------------------------------------*/
#popup {
	position: absolute;
	z-index: 99;
	min-width: 250px;
	margin-top: -1px;
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
}
#popup DIV.a {
	padding: 14px;
	border: 1px solid #a0a0a0;
	background: #f8f8f8;
}
#popup H2 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}
#popup UL {
	margin: .5em 0 0;
}
#popup LI {
	padding: 0;
	background: none;
}
#popup LI.active {
	font-weight: bold;
}
#popup INPUT,
#popup LABEL {
	vertical-align: middle;
}

P.close,
P.close A {
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(bg_close.png) no-repeat 100% 0;
}
P.close {
	float: right;
	margin: 0;
}
P.close A {
	display: block;
	text-indent: -5000px;
	outline: none;
}
P.close A:hover,
P.close A:focus {
	background-position: 100% -15px;
}


/* dev
----------------------------------------------------------*/
.error,
.field-validation-error,
.validation-summary-errors {
	color: #f00;
}
.input-validation-error {
	border: 1px solid #f00;
	background-color: #fee;
}
.validation-summary-errors {
	font-weight: bold;
}

/* sampo specific */
.filter .action button {
	float: right;
}
a.filter-secondary {
	font-weight: 700;
	margin: 4px 10px 0 0;
	float:  right;
}
ul.table-actions li {
	background: none;
}