BODY { font-size: 72%; font-family: Tahoma; }
BODY * { font-size: 100%; font-family: Tahoma; }
FORM, BODY { margin: 0; padding: 0; height: 100%; width: 100%; }

H1 { font: 164% Arial; }
H2 { font: bold 128% Arial; }
A { color: #08246b; }
TT { font-size: 100%; font-family: Courier; }

.high { height: 100%; }
.hide { display: none; }
.wide { width: 100%; }
.curs { cursor: pointer; cursor: hand; }
.plain { border: none; overflow: hidden; }
.expired { background: #f7e7e7; }

.caps { text-transform: uppercase; }

.clearfix { display:block; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }

.nolist { margin: 0; padding: 0; list-style: none; }
.nolist LI { margin: 0; padding: 0; }
.nolist.left LI { float: left; }

HR { margin: 5px 0; }

FIELDSET { padding: 0; border: 0; }
FIELDSET LEGEND {
	font: bold 128% Arial; padding: 0 0 10px 0; margin: 0; border: 0;
	cursor: pointer; cursor: hand; padding-left: 24px;
	background: url(../images/bg-fieldset-optional.png) 2px 0  no-repeat;
}
FIELDSET LEGEND.over { text-decoration: underline; }

FIELDSET.off { overflow: hidden; height: 30px; position: relative; }
FIELDSET.off UL.form { overflow: hidden; height: 0; opacity: 0; position: absolute; }

FIELDSET.off .fold { overflow: hidden; height: 0; opacity: 0; position: absolute; }

LABEL { cursor: pointer; cursor: hand; }

/*
FIELDSET.optional LEGEND {}


*/

INPUT.text, INPUT[type=text], INPUT.button, INPUT[type=button],
	TEXTAREA, SELECT, OPTION { font-size: 100%; font-family: Arial;}

INPUT.text, INPUT[type=text], TEXTAREA, SELECT {
	border-top: 1px solid #616161; border-bottom: 1px solid #d1d1d2;
	border-left: 1px solid #afafaf; border-right: 1px solid #bababa;
	background: #FFFFFF; vertical-align: middle;
	padding: 4px 5px 4px 5px; border-radius: 4px;

}
SELECT, OPTION { background: #FFFFFF; }
SELECT { vertical-align: middle; }

INPUT.right { text-align: right; }
INPUT.center { text-align: center; }
INPUT.button, INPUT[type=button] { background: #d6d3ce; cursor: pointer; cursor: hand; vertical-align: middle; padding: 3px 8px; }
INPUT.checkbox, INPUT[type=checkbox] { background: #FFFFFF; margin: 0; padding: 0; cursor: pointer; cursor: hand; vertical-align: middle; width: 13px; height: 13px; }
INPUT.radio, INPUT[type=radio] { background: #FFFFFF; margin: 0; padding: 0; cursor: pointer; cursor: hand; vertical-align: middle; }

INPUT.button, INPUT[type=button] {
	background: #d6d3ce; cursor: pointer; cursor: hand; vertical-align: middle; padding: 3px 8px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */

	color: #333333; font: bold 12px Arial; border: 2px solid #aaa;
	border-radius: 4px; margin: 0 2px;



}
INPUT.button:active, INPUT[type=button]:active {
	background: #d7d7d7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d7d7d7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7d7d7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border-color: #6a90aa;

}
INPUT.button:hover, INPUT[type=button]:hover {
	border-color: #6a90aa;
	color: #000;
}

INPUT.button.red { color: red; }
INPUT.button.bold { font-weight: bold; }

INPUT.holder, TEXTAREA.holder { color: #aaa; }

INPUT.disabled { background: #d6d3ce; }
SELECT.disabled { color: #848284; }

FIELDSET.login {
	padding: 0 30px 30px 30px; background: #fff; width: 300px;

	border: 15px solid #aaa;
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-moz-shadow: 1px 1px 1px rgba(37,20,8,0.6);
	-webkit-shadow: 1px 1px 1px rgba(37,20,8,0.6);
	shadow: 1px 1px 1px rgba(37,20,8,0.6);

	position: relative;

}

FIELDSET.login BIG {
	color: #333;
	position: relative; float: none;
	text-align: center;
	display: block; font-weight: bold;
	font: bold 250%/250% Arial;
	text-shadow:
		1px 1px #fff,
		2px 2px 2px #aaa
	;
}
FIELDSET.login .button {
	margin-top: 10px;
}

FIELDSET.login UL.form LI.row DIV.line {
	width: 60%;
}

FORM .err { color: #880000; font-weight: bold; }
FORM .ok { color: #008800; font-weight: bold; }
FORM .focused { background: #ffe; }
FORM .focused {
	border-color: #6a90aa;
	box-shadow: 0 0 1px 2px #bcd8ef;
}

FORM .field.err U { display: block; font-size: 11px; display: block; color: #f00; font-weight: normal; text-decoration: none; }
/* nav 1 */

DIV.nav1 A {
	font: bold 128% Arial; color: #000000;
	display: block; padding: 5px 10px; background: #d6d3ce;
	border: 1px solid #d6d3ce; float: left; }
DIV.nav1 A:hover {
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF #848284 #848284 #FFFFFF; }
DIV.nav1 A.act {
	border-width: 1px 1px 1px 1px;
	border-color: #848284 #FFFFFF #FFFFFF #848284;
	background: url(../images/bg-nav-act.gif); }

DIV.nav2 A {
	font: bold 100% Verdana; color: #000000;
	display: block; padding: 5px 10px; background: #d6d3ce;
	border: 1px solid #d6d3ce; }
DIV.nav2 A:hover {
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF #848284 #848284 #FFFFFF; }
DIV.nav2 A.act {
	border-width: 1px 1px 1px 1px;
	border-color: #848284 #FFFFFF #FFFFFF #848284;
	background: url(../images/bg-nav-act.gif); }

TD.content {
	background: #f0f0f0; padding: 10px;
	border: 1px solid #000000; }
/*background: #FFFFFF; padding: 10px;*/

TD.content TR.action TD { color: #333; font-size: 92%; }
TD.content TR.action TD A { color: blue; text-decoration: none; font-size: 112%; }
TD.content TR.action TD A:hover TT { color: red; text-decoration: underline; }

TABLE TD.id { text-align: right; white-space: nowrap; }
TABLE TD.money { text-align: right; }
TABLE TD.size { text-align: right; }
TABLE TD.money.text { padding-top: 4px; }

TABLE.listTable { border-collapse: collapse; border-bottom: 1px dotted #bbb; }
TABLE.listTable TR { }
TABLE.listTable TR TH { padding: 3px 7px; font-family: Verdana; font-size: 11px; }
TABLE.listTable TR TD {
	padding: 2px 5px; cursor: pointer; cursor: hand; font-size: 11px;
	border-top: 1px dotted #bbb;
}
TABLE.listTable TR TD A { text-decoration: none; }
TABLE.listTable TR TD SPAN.done { color: #aaa; }
TABLE.listTable TR TD SPAN.red { color: #f00; }

TABLE.listTable TR.month TD,
	TABLE.listTable TR#filter TD {
		border: none;
}

TABLE.listTable TR#filter TD { padding: 3px 2px; }
TABLE.listTable TR#filter TD INPUT[type=text],
	TABLE.listTable TR#filter TD INPUT.text  { width: 100%; }
TABLE.listTable TR#filter TD INPUT.checkbox {
	margin: 0 2px;
}

/*
TABLE.listTable TH {
	background: #000080; color: #ffffff;
	}
*/
TABLE.listTable TH.order { cursor: pointer; cursor: hand; }
TABLE.listTable IMG.active { cursor: pointer; cursor: hand; }

TABLE.listTable TD.money { padding-top: 4px; }
TABLE.listTable TD.title DIV { position: relative; }

TABLE.listTable TD.id B { float: right; margin-right: -5px; color: red; }

TABLE.listTable TD.op { white-space: nowrap; }
TABLE.listTable TD.op A { margin: 0 2px; }
TABLE.listTable TD.noclick { cursor: auto; }
TABLE.listTable TR.noclick TD { cursor: auto; }

TABLE.listTable TR.odd TD { background: #efefef; }

/*TABLE.listTable TR.act TD { background: #efefef; }*/
TABLE.listTable TR.act TD { background-color: #e8e8e8; }
TABLE.listTable TR.act TD A { text-decoration: underline; }
TABLE.listTable TR.act TD A:hover { color: #f00; }

TABLE.listTable TR.noclick:hover TD { background-color: #e2e2e2; }
TABLE.listTable TR.recent { background-color: #d5f2c6; }

TABLE.listTable TR.grey TD { color: #777; }
TABLE.listTable TR.critical { background: #F7E7E7; }
TABLE.listTable TR.critical TD.stock { color: #f00; font-weight: bold; }

TABLE.listTable TABLE.compact TD,
	TABLE.listTable TABLE.compact TH { padding: 0 1px; }
TABLE.listTable TABLE.compact SPAN { color: #888888; margin: 0 0 0 4px; }
TABLE.listTable TABLE.compact INPUT { margin: 0; }
TABLE.listTable TABLE.compact A { margin: 0; }

TABLE.listTable SPAN.tiny { color: #777; }

TABLE.listTable TR TD SMALL.flag {
	color: #999; display: inline-block; margin-left: 3px;
	cursor: pointer; cursor: hand;
	}

/*
TABLE.listTable TABLE TD, TABLE.listTable TABLE TH { padding: 0; }
*/

TABLE.statsTable { border-collapse: collapse; }
TABLE.statsTable TH {
	text-align: left; padding: 2px 5px;
	font-family: Verdana; border: 2px solid #FFFFFF;
	background: #efefef; }
TABLE.statsTable TD { padding: 2px 5px; border-bottom: 1px solid #efefef; }

DIV.error {
	background: url(../images/icon-error.png) #f7e7e7 no-repeat 3px 8px;
	margin: 10px 0 1px 0; clear: both;
	padding: 8px 10px 12px 30px; border: 1px solid #bd0810;
	color: #bd0810; }
DIV.error UL { margin: 0; padding: 0 18px; }
DIV.error * { color: #bd0810; }

DIV.success {
	background: url(../images/icon-success.png) #d5f2c6 no-repeat 3px 4px;
	margin: 10px 0 1px 0; clear: both;
	padding: 8px 10px 12px 30px; border: 1px solid #2a7913;
	color: #2a7913; }
DIV.success UL { margin: 0; padding: 0 18px; }
DIV.success * { color: #2a7913; }

DIV.hint {
	background: url(../images/icon-hint.png) #ffffe1 no-repeat 3px 8px;
	margin: 10px 0 1px 0; clear: both; font-size: 11px;
	padding: 8px 10px 12px 30px; border: 1px solid #000;
	color: #000; }
DIV.hint UL { margin: 0; padding: 0 18px; }
DIV.hint * { color: #000; }
DIV.hint B { color: #F00; }

/* QUICK SEARCH */
.fQsBox { margin: 20px 0; }
.fQsBox FIELDSET INPUT { padding: 3px 5px; font-size: 14px; }/* border: 1px solid #333;*/
.fQsBox FIELDSET INPUT.holder { } /*border: 1px solid #888; color: #888; */

.fQsBox .result { padding: 3px; }

.fQsBox .result TABLE {
	border-collapse: collapse;
	background: #fff; border: 1px solid #999;
}
.fQsBox .result TABLE TR TD {
	cursor: pointer; cursor: hand;
	font: normal 11px Tahoma;
	padding: 3px 5px;
}
.fQsBox .result TABLE TR TD {  }

.fQsBox .result TABLE TR.over TD { background: #eee; }

/* new form */

UL.form LI.row { position: relative; }

UL.form LI.row LABEL {
	position: relative; width: 30%; float: left;
	font-size: 11px; padding: 8px 10px; margin: 1px 0; background: #e8e8e8;

}
UL.form LI.row LABEL A { color: #00f; }
UL.form LI.row LABEL A:hover { color: #f00; }
UL.form LI.row LABEL SMALL { font-size: 92%; color: #888; }


UL.form LI.row DIV.line {
/*	white-space: nowrap;	*/
	width: 64%; float: right; margin: 3px 0 3px 0;}

UL.form LI.row DIV.line.right { text-align: right; }
UL.form LI.row DIV.line.buttons { padding: 15px 0; }
UL.form LI.row DIV.line.buttons INPUT { float: left; }
UL.form LI.row DIV.line.buttons INPUT.cancel, UL.form LI.row DIV.line.buttons INPUT[name=cancel] {
	color: #888; border-color: #888; float: right; }
UL.form LI.row DIV.line.buttons INPUT.cancel:hover, UL.form LI.row DIV.line.buttons INPUT[name=cancel]:hover {
	color: #000; border-color: #F1458F; }
UL.form LI.row DIV.line.buttons INPUT.save:hover, UL.form LI.row DIV.line.buttons INPUT[name=save]:hover {
	border-color: #1ca400; }
UL.form LI.row DIV.line.buttons INPUT.apply:hover, UL.form LI.row DIV.line.buttons INPUT[name=apply]:hover {
	border-color: #1ca400; }

UL.form LI.row DIV.line .chzn-container { vertical-align: middle; }

UL.form LI.row DIV.grey {
	position: relative; float: left; padding: 15px 10px;
	font-size: 10px; color: #888; }
UL.form LI.row DIV.grey B { font-weight: normal; color: #000; }

UL.form LI.row { font-style: normal; }
UL.form LI.row INPUT.text,
	UL.form LI.row SELECT {
	max-width: 100%;
}
UL.form LI.row INPUT.radio { margin: 3px; }

UL.form LI.row LABEL I { font-style: normal; }
UL.form LI.row LABEL B { color: #F00; }
UL.form LI.row SPAN.date IMG { margin: 2px 6px 0 6px;}

UL.form LI.row SPAN.radio { display: block; }
UL.form LI.row SPAN.radio DL { clear: both; padding: 0; margin: 0; }
UL.form LI.row SPAN.radio DT { float: left; padding: 0; margin: 0; }
UL.form LI.row SPAN.radio DD { float: left; clear: right; padding: 2px 0 2px 5px; margin: 0; cursor: pointer; cursor: hand; }

UL.form LI.row LABEL .checkbox { margin-right: 5px; }
UL.form LI.row .line .checkboxes { padding: 5px; }
UL.form LI.row .line .checkboxes LABEL { float: left; width: 25%; padding: 0; background: none; }
UL.form LI.row .line .checkboxes LABEL INPUT { margin: 3px; }



UL.form LI.row50 { float: left; width: 50%; }
UL.form LI.row50 .cell { padding: 10px 0; }

UL.form LI.row.compact { padding: 1px 0; }
UL.form LI.row.compact LABEL { padding: 1px 0; background: none; }
UL.form LI.row.compact LABEL I { font-size: 92%; margin-left: 20px; }


UL.form LI.row.category { background: #e8e8e8; }
UL.form LI.row.category LABEL I B { color: #000; margin-left: 10px; }

UL.form LI.row.collapsed { overflow: hidden; height: 0; width: 0; opacity: 0; }
UL.form LI.row.collapsed.enabled { overflow: none; height: auto; width: auto; opacity: 1; }

UL.form LI.row.collapsed LABEL { border-right: 3px solid #3772b9; }

UL.form.checkboxtree DIV.line LABEL { font-size: 92%; padding: 0; }
UL.form.checkboxtree .category  { border-bottom: 1px solid #ccc; margin-bottom:3px; margin-top:10px; }
UL.form.checkboxtree .category LABEL { padding: 4px 0; }

.goodsOrderList TR TH { padding: 0 5px; }

/*


.listArchive .years A { font-size: 200%; margin: 4px; padding: 0; }
.listArchive .monthes A { font-size: 150%; margin: 4px; padding: 0; font-weight: bold; }
.listArchive .days A { font-size: 125%; margin: 4px; padding: 0; }
.listArchive .days .wend { color: #000; }
.listArchive .days B { font-weight: normal; }
.listArchive .days .wend B { font-weight: bold; }


.listArchive TR.act { display: table-row; }
.listArchive TR.act A { color: #000; border-color: red; }

.listArchive TR A { margin: 2px; text-decoration: none; font-family: Arial; }
.listArchive TR A:hover { color: red; border-color: red; }



*/

.listArchive TH { padding: 3px 5px; font-size: 125%; background: #ddd; }
.listArchive A { color: #888; }
.listArchive A.act { color: #000; border-bottom: 1px dashed red; }

.listArchive .contents { }
.listArchive .contents SPAN { font-size: 10px; display: block; color: #888; }
.listArchive .contents TD { margin: 0; padding: 2px; font-size: 11px; }
.listArchive .contents TD A { border-bottom: none; }

.listArchive .contents THEAD TD {
	font-size: 125%; padding: 7px 0;
}

.listArchive .sides TR { }
.listArchive .sides TR TD {
	border-bottom: 1px dotted #bbb;
	padding: 4px 3px; }
.listArchive .sides TR TD.money { font: normal 92% Tahoma; color: #555; }

.listArchive .items TR { }

.listArchive .sides TR.act TD { background: #ffe; }

.listArchive .sides TBODY { margin-bottom: 5px; padding-bottom: 5px;}
.listArchive .sides TFOOT { margin-top: 5px;padding-top: 5px;}
.listArchive .sides TFOOT TD { font-size: 125%; border-top: 1px solid #ccc; }

.contents.items { margin-left: 5px; border-left: 1px solid #888; }
.contents.items TD { padding: 1px 10px; }

/*
.tooltip { background: #555; color: #fff; padding: 5px 10px; border: 2px solid #fff; box-shadow: 0 0 5px 0 #888; border-radius: 5px; }
*/
.tooltip { background: #ffe; color: #000; padding: 5px 10px; border: 1px solid #6a90aa; box-shadow: 0 0 1px 2px #bcd8ef; border-radius: 5px; }
.tooltip P { margin: 0; padding: 0 0 3px 0; }
.tooltip IMG.arrow { position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 15px; height: 10px; }
.tooltip IMG.arrow.left {
	position: absolute; top: 0; left: -4px; margin-top: 5px; width: 15px; height: 10px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */

}


.filter LABEL { font-size: 11px; }

/* timeline */
.timeline {
	font-size: 12px; font-family: Arial;
	background: #ddd;
	min-height: 32px; position: relative; margin: -10px -10px 0 -10px; }
.timeline .box {
	position: relative; padding: 10px 10px 10px 35px;
}
.timeline .timebox .box {
	display: none;
}

.timeline #timepickeropen { position: absolute; top: 9px; left: 10px; }
.timeline #timepickerclose { position: absolute; top: 9px; left: 10px; }

.timeline IMG { border: 0; }

.timeline .calendar { padding: 0; margin-right: 25px; }
.timeline .monthes { width: 250px; margin-top: 0; }
.timeline .years { width: 125px; margin-top: 0; }

.timeline .years A {
	line-height: 21px; color: #222;
	display: block; text-align: center; text-decoration: none;
	width: 80%; clear: right; float: left; }
.timeline .years A.act { font-weight: bold; background: #efefef; }
.timeline .years A.full { width: 20%; clear: left; }

.timeline .monthes A {
	line-height: 21px; color: #222;
	display: block; width: 40%; float: left; text-align: center; text-decoration: none; }
.timeline .monthes A.act { font-weight: bold; background: #efefef; } /* background: #D6D3CE; */

.timeline .monthes A.full { width: 10%; }

.calendar { padding: 10px 0; }
.calendar .week { margin: 0; padding: 0; white-space: nowrap; }
.calendar .week.act { background: #d6d6d6; }
.calendar A, .calendar B, .calendar I, .calendar U, .calendar EM {
	text-decoration: none;
	font-style: normal;
	display: inline-block; line-height: 21px; width: 26px; text-align: center; }
.calendar A { color: #222; }
.calendar I { color: #888; }
.calendar U { color: #000; background: #efefef; text-decoration: none; font-weight: bold;}
.calendar EM { color: #aaa; font-size: 9px; text-decoration: underline; }

.calendar .dates { padding: 0; }
.calendar .selector SELECT { float: left; font-size: 14px; padding: 3px; border: 1px solid #888; }
.calendar .selector .year { float: left; }
.calendar .selector .month { float: right; }

.calendar A:hover, .calendar A:hover * { color: red; text-decoration: underline; }

.timeline A EM { color: #aaa; font-size: 9px; text-decoration: underline; font-style: normal; }
.timeline A:hover,
	.timeline A:hover EM { color: red; text-decoration: underline; }

.timeline .full EM { font-style: normal; }

.timeline .periodic { background: #d6d6d6; }
.timeline .periodic EM { color: #000; font-weight: bold; }
.timeline .select { margin: 0 10px; }
.timeline .select LI { padding: 0 10px; }
.timeline .select LI LABEL { font-style: normal; }
.timeline .select LI LABEL I { font-style: normal; }
.timeline .select LI .text { margin: 5px 5px 5px 0; vertical-align: middle; }
.timeline .select LI IMG { vertical-align: middle; }
.timeline .select LI .submit { margin: 5px 0; vertical-align: middle; }

TABLE.listTable TR.noclick TD.bill { color: #888; font-size: 11px; padding: 0 10px; text-align: center; }
TABLE.listTable TR.noclick TD.bill A { color: #888; text-decoration: none; }
TABLE.listTable TR.noclick TD.bill A:hover { color: #888; text-decoration: underline; }TABLE.listTable TD.right { text-align: right; }

TABLE.listTable TR TD.locked,
TABLE.listTable TR.act TD.locked {
	padding-left: 20px;
	background: url(../images/icon-lock.png) #f7e7e7 no-repeat left top;
}

.goodsList { }
.goodsList .r { text-align: right; }
.goodsList .r INPUT { text-align: right; }

.goodsList TH { background: #e8e8e8; padding: 5px 10px; }
.goodsList .odd TD { background: #e8e8e8; }

.compact { border: 0; margin: 0; padding: 0; font-size: 11px; }
.compact TR TH { padding: 1px 3px; }
.compact TR TD { padding: 1px 3px; }
.compact TR TD INPUT[type="text"] { border: 1px solid #333; padding: 1px; text-align: right; width: 30px; margin: 0 3px 0 0; }
.compact TR TD I { color: #888; font-style: normal; }

.closed .compact TR TD,
	.closed .compact TR TH { padding: 3px 5px; }
.closed .compact TR TD I { margin-left: 3px; float: right; }
TABLE.listTable .sortOrder TH { padding: 5px 7px; }
TABLE.listTable .sortOrder TH A { text-decoration: none; }

.tSideRight { padding: 0; margin: 0; border-bottom: 1px solid #aaa; }
.tSideRight TD,
	.tSideRight TH { padding: 0; margin: 0; padding: 2px 4px; }

.tSideRight TH { font-size: 86%; }
.tSideRight TD { text-decoration: none; font-size: 92%;}
.tSideRight TR .subj { color: #444; }
.tSideRight TR .type { color: #000; font-weight: bold; }

.tSideRight TR .date { color: #f00; cursor: pointer; cursor: hand; }
.tSideRight TR .date { color: #888; cursor: pointer; cursor: hand; }
.tSideRight TR .date .owner { color: #000; cursor: pointer; cursor: hand; }


.tSideRight TR TH {
	padding: 5px; background: #ddd;
	border-bottom: 1px solid #848284;
	border-right: 1px solid #848284;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

}

.tSideRight TR.odd { }
.tSideRight TR.odd TD { }
.tSideRight TR.even TD { background: #eee; }

div.tableContainer TABLE.tSideRight { position: relative; height: 205px; border-collapse: collapse; width: 100%; }
div.tableContainer TABLE.tSideRight THEAD { position: absolute; left: 0; top: 0; right: 36px; width: 100%; }
div.tableContainer TABLE.tSideRight TBODY {
	position: absolute; padding-right: 18px; top: 25px; left: 0; right: 0; height: 180px;
	overflow: auto; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto;
}

div.tableContainer .tSideRight TBODY { background: #fff; }
div.tableContainer .tSideRight TBODY A {
	display: block; padding-left: 15px; background: url('../images/icon-file.gif') 0px 3px no-repeat; }
div.tableContainer .tSideRight TBODY A:hover { color: #f00; }


.side H2 I { text-transform: none; font-style: normal; font-size: 86%; font-weight: normal; }
.side .body-view { padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #aaa; width: 100%; }
.side .body-view TD,
	.side .body-view TH { padding: 0; margin: 0; border-collapse: collapse; padding: 2px 4px; }

.side .body-view TD { font-size: 109%; position: relative; }
.side .body-view TD DIV.body { padding: 5px; background: #fff; }

.side .body-view TD DIV.body .date { color: #333; font-size: 86%; padding: 0px 0 5px 0; }
.side .body-view TD DIV.body .file { color: #888; font-size: 86%; padding: 5px 0 px 0; }
.side .body-view TD DIV.body .file A { color: #00f; font-size: 128%; margin-right: 7px;}
.side .body-view TD DIV.body .file A:hover { color: #f00; }

.side .body-view TD DIV.comment {
	color: #555; display: block; border-bottom: 1px solid #eee; font-size: 86%; padding: 0 3px 4px 3px; position: relative; }
.side .body-view TD DIV.comment B { color: #000; }

.side .body-view DIV.comment A.close { color: #333; position: absolute; right: 3px; top: 1px; cursor: pointer; cursor: hand; }
.side .body-view DIV.comment A.close U { text-decoration: none; }
.side .body-view DIV.comment A.close:hover { color: #00a; }
.side .body-view DIV.comment A.close:hover U { text-decoration: underline; }

.side .body-view DIV.comment A.delete { color: #333; position: absolute; right: 3px; top: 1px; cursor: pointer; cursor: hand; }
.side .body-view DIV.comment A.delete U { text-decoration: none; }
.side .body-view DIV.comment A.delete:hover { color: #a00; }
.side .body-view DIV.comment A.delete:hover U { text-decoration: underline; }

.side H3.fAdd {
	font-size: 92%; font-weight: normal;
	cursor: pointer; cursor: hand; padding: 0 0; margin: 10px 0; }
.side H3.fAdd U {
	display: inline-block; padding: 5px 10px; border-radius: 4px;
	background: #fff; border: 1px solid #888; text-decoration: none;

	box-shadow: -1px -1px 1px 0 #bcd8ef inset;
}

.side UL.form { height: 0; overflow: hidden; }
.side UL.form LI.row DIV.line.buttons { padding: 0; }

.switcher { text-decoration: underline; font-weight: bold; }
.switcher.clicked { text-decoration: underlne; font-weight: bold; }

A.sort { display: block; text-align: center; padding: 5px 5px 6px 5px; margin: -3px; position: relative; }
A.sort:hover { background: #e8e8e8; }

A.notify { position: absolute; right: 0; top: -4px; background: url(../images/icon-notify.png) no-repeat top left; width: 16px; height: 22px; }
A.notify:hover { background: url(../images/icon-notify.png) no-repeat top right; }

/* */

DIV#profile {
	z-index: 10;
	position: absolute; top: 0; right: 0;
	border: 1px solid #bbb; border-radius: 4px;



}
DIV#profile .top {
	position: relative; margin: 0; padding: 0;
	font-size: 11px; white-space: nowrap; color: #888;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

}

DIV#profile .bottom {
	position: absolute; margin: -1px; top: 100%;
	background: #fff;

	border-top: none;
	min-width: 100%; display: none;

	border: 1px solid #333;
	border-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top: 1px dotted #bbb;
}

DIV#profile .top A {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #000; font-size: 132%; }
DIV#profile .top A:hover { color: #f00; }

DIV#profile.act {
	border: 1px solid #333;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	border-bottom: 1px solid #333;
	background: #F0F0F0; }/* background: #F0F0F0; */

DIV#profile.act .top A.box { z-index: 5; }
DIV#profile.act .top A.box.act { z-index: 5; background: #fff; }
DIV#profile.act .top A.box.todo {  border-top-left-radius: 3px; }

DIV#profile .top A.box {
	z-index: 5; position: relative;
	border-right: 1px dotted #bbb; vertical-align: top;
	display: inline-block; padding: 5px; text-decoration: none; position: relative; }
DIV#profile .top A.box.last { border-right: none; }

DIV#profile .top A.box IMG { width: 32px; height: 32px; border: 1px solid #999; }

DIV#profile .top A.user { }
DIV#profile .top A.user SPAN.ip { font-size: 74%; display: block; color: #888; padding: 2px 0 0 0; }
DIV#profile .top A.user IMG { background: url(../images/icon-settings.png) #fff center no-repeat; float: right; margin: 0 0 0 5px; }

DIV#profile .top A.todo { }
DIV#profile .top A.todo SPAN.quan {
	z-index: 10;
	display: inline-block; padding: 1px 3px; border-radius: 3px;
	position: absolute; left: -2px; top: -2px; font-size: 68%; font-weight: bold;
	background: #F03D25; color: #FFFFFF; border: 1px solid #C0311E;}
DIV#profile .top A.todo IMG { background: url(../images/icon-calendar-and-task.png) #fff center no-repeat; float: left; }

DIV#profile.act .top { border-bottom: 1px dotted #bbb;}
DIV#profile.act .top IMG { }
DIV#profile.act .top A.act IMG { border: 1px solid #444; }


DIV#profile .bottom .block {
	display: none; font-size: 11px;

}

DIV#profile .bottom UL.menu {margin: 5px 0; }
DIV#profile .bottom UL.menu LI { padding: 1px 5px 1px 10px; }
DIV#profile .bottom UL.menu LI A { display: block; text-decoration: none; color: #888; font-size: 100%; }
DIV#profile .bottom UL.menu LI A:hover { color: #000; }

DIV#profile .bottom UL.menu LI.last { margin-top: 7px; padding: 5px 5px 1px 5px; border-top: 1px dotted #bbb; text-align: right;}
DIV#profile .bottom UL.menu LI.last A { }

DIV#profile.act .bottom, DIV#profile.act .block.act {
	display: block;

}
DIV#profile.act .block.act IMG {
	border: 1px solid #2277c2;
}

DIV#profile .bottom #user_task {

}
DIV#profile .bottom #user_task I {
	color: #f00; font-size: 92%; font-style: normal;
}

INPUT.sw {
	border: none;
	background-repeat: no-repeat; display: inline-block; vertical-align: bottom; cursor: pointer; cursor: hand; }
INPUT.sw.on { background-position: top left; }
INPUT.sw.off { background-position: bottom left; }

FORM INPUT.sw {  position: relative; }

INPUT.sw.yn { background-image: url(../images/bg-toggle.gif); width: 94px; height: 27px; }

SPAN.toggle { line-height: 35px; display: inline-block; margin-bottom: 10px; }

TABLE.fold.linked {}
TABLE.fold.linked TR {}
TABLE.fold.linked TR TD {}