* {margin:0; padding:0;}
body {
    font:normal 12px Arial,Helvetica,sans-serif;
    text-align:center; background:#fff;
}

#cont {width:980px; height:auto; margin:10px auto;text-align:left;}

#stat {width:auto; height:auto; line-height:32px; padding:1px 0 0 0; text-align:center;}

#lcol {float:left; display:block; width:170px; height:auto;}

#scol {float:left; display:block; width:350px; height:auto;}

#rcol {float:right; display:block; width:170px; height:auto;}

#cent {width:620px; height:auto; margin:0 180px; _margin:0 177px;}

#sent {width:620px; height:auto; margin:0 0 0 360px ;}

#foot {clear:both; width:auto; height:auto; text-align:center;}

#login {width:260px; height:auto; margin:100px auto 10px auto; border:1px solid #999;}

#logo {float:left; display:block; height:28px;}
#logo img {margin-top:5px;}
#appl {float:right; display:block; height:28px;}

#fsrch {margin:18px 15px 0 15px; line-height:29px;}
#foper {margin:15px 15px 0 15px;}
#foper input {cursor:pointer;}
#fconf {margin:10px 15px 0 15px;}

#navi {padding:5px 0; font-size:90%; color:#666;}
#navi a {color:#666;}
#navi a:hover {color:#333; text-decoration:none;}

h1 {font-size:20px; padding:15px 10px 5px 10px;}
h2 {font-size:16px; padding:5px 10px; font-weight:normal;}
h3 {font-size:14px; padding:5px 10px;}

p  {margin:5px 10px;}
ul {margin:0 5px; list-style-type:none;}
ul li {background:#b4b4b4; margin:1px 0 0 0; line-height:20px;}
ul li:hover {background:#a0a0a0;}
ul li a {display:block; padding:5px; font-weight:bold; color:#333;}
ul li a:hover {text-decoration:none;}
ul li small {
	margin: 0 5px 3px 5px;
}

ul.list, ol.list {
	margin: 5px 10px;
	padding: 0;
}
ul.list li, ol.list li {
	margin-left: 20px;
}

table.grid, table.grid th, table.grid td {
	border: 1px solid #666;
	border-collapse: collapse;
}
table.grid {
	background: #fafafa;
}
table tr.dark {
	background: #ededfc;
}

form {
	/*margin: 5px 10px;*/
}
form.inline {
	display: inline;
}


a img {border:none;}
.blink {text-decoration:none; cursor:pointer;}
a button {cursor:pointer;}


hr {width:auto; height:1px; border:none; background:#fff;}

.sbox {width:auto; height:auto; background:#c0c0c0 url(../gfx/sbox-head.png) left top no-repeat;}
.sbox-butt {width:auto; height:15px; background:#c0c0c0 url(../gfx/sbox-butt.png) left bottom no-repeat;}
.bbox {width:auto; height:auto; background:#c0c0c0 url(../gfx/bbox-head.png) left top no-repeat;}
.bbox-butt {width:auto; height:15px; background:#c0c0c0 url(../gfx/bbox-butt.png) left bottom no-repeat;}
.mbox {width:auto; height:auto; background:#c0c0c0 url(../gfx/mbox-head.png) left top no-repeat;}
.mbox-butt {width:auto; height:15px; background:#c0c0c0 url(../gfx/mbox-butt.png) left bottom no-repeat;}

.full {
	width: 100%;
}
.half {
	width: 49.2%;
}
.thir {
	width: 33%;
}

.pane {margin:10px 5px; padding:5px 0; background:#fff;}
.pane a {color:#000; text-decoration:none;}
.pane a:hover {color:#000; text-decoration:underline;}

.pan {margin:0 10px;}

.slider {line-height:20px; margin:7px 5px 0 5px; font-size:12px; background:#fafafa;}
.plus {padding-left:40px; background:#fafafa url(../gfx/plus.png) left top no-repeat;}
.mins {padding-left:40px; background:#fafafa url(../gfx/mins.png) left top no-repeat;}

.cell {
    float:left; display:block; width:79px; height:100px; margin:5px 0 0 5px;
    border:2px solid #c0c0c0;
}
.normal {background:#fafafa;}
.normal:hover {border:2px solid #999; cursor:pointer;}
.today {background:#fafafa; border:2px solid #666;}
.today:hover {border:2px solid #999; cursor:pointer;}
.active {background:#fafafa; border:2px solid #333;}
.cell-head {display:block; padding:3px 2px; font-size:10px; font-weight:bold; text-align:center; background:#e0e0e0;}
.active .cell-head {background:#333; color:#fff;}
.cell-text {margin:5px 3px; font-size:80%;}
.cell-text a {text-decoration:none;}
.cell-text a:hover {text-decoration:underline;}

.task {float:left; display:block; width:100%; margin:10px 0;}
.task-head {padding:0 0 0 50px;}
.task-left {float:left; display:block; width:40px; height:auto; text-align:center;}
.task-rght {float:right; display:block; width:100px; height:auto; text-align:center;}
.task-body {float:left; display:block; width:470px; margin:0 0 0 10px; height:auto;}
.task-body a {text-decoration:none;}
.task-body a:hover {text-decoration:underline;}
.task-foot {clear:both; padding:10px 0 5px 0;}


.inf {color:#369; padding:5px; font-weight:bold; border:1px dashed #369; background:#B2DFEE;}
.err {color:#900; padding:5px; font-weight:bold; border:1px dashed #900; background:#FFE4DF;}
.not {color:#666; padding:5px; font-weight:bold; border:1px dashed #666; background:#E0E0E0;}
.cls {float:right; margin:auto 2px; padding:0 5px; font-weight:bold; cursor:pointer;}
.cls:hover {background:#fff;}
.inf .cls { border:1px solid #369;}
.err .cls { border:1px solid #900;}
.not .cls { border:1px solid #666;}
.str {text-decoration: line-through;}
.clr {clear:both;}
.lft {float:left;}
.rgt {float:right;}
.lclr {clear:left;}
.rclr {clear:right;}
.left {text-align:left;}
.rght {text-align:right;}
.cent {text-align:center;}
.just {text-align:justify;}
.bold {font-weight:bold;}
.ital {font-style:italic;}
.bigr {font-size:115%;}
.note {font-size:85%;}
.blck {display:block;}
.offs {padding-top:3px;}
.soff {padding-top:5px;}
.marg {margin-top:10px;}

.butt {padding:3px; font-weight:bold; text-decoration:none; color:#333;}
.butt:hover {text-decoration:underline;}

.button {
	border-radius: 3px;
	padding: 3px 5px;
	box-shadow: 0 0 2px 1px #a0a0a0;

	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;

	background-color: #cacaca;
	border: 1px solid #aaa;
}
.button:hover {
	background-color: #ddd;
}
input.button {
	margin-top: -1px;
}
a.button {
	padding: 4px 5px;
}
.button.red {
	background-color: #C22;
	border: 1px solid #900;
}
.button.red:hover {
	background-color: #C66;
}
.button.blu {
	background-color: #69c;
	border: 1px solid #085AA3;
}
.button.blu:hover {
	background-color: #89e;
}
.button.grn {
	background-color: #6c9;
}
.button.grn:hover {
	background-color: #8ea;
}
.button.sml {
	font-size: 80%;
	padding: 2px 5px;
}


input, select {vertical-align:middle !important;}
input[type="radio"] {vertical-align:auto !important;}
input[type="submit"] {cursor:pointer;}
textarea {font:normal 12px Arial,Helvetica,sans-serif;}

.i0,.i1,.i15,.i2,.i3,.i4,.i5,.i6 {padding:2px; border:1px solid #aaa; background:#fff;}
.i0 {width:25px;}
.i1 {width:50px;}
.i15 {width:80px;}
.i2 {width:100px;}
.i3 {width:150px;}
.i4 {width:200px;}
.i5 {width:250px;}
.i6 {width:400px;}

.b1,.b2,.b3,.b4 {float:left; display:block; text-align:right; padding:5px 5px 0 5px;}
.b1 {width:50px;}
.b2 {width:75px;}
.b3 {width:100px;}
.b4 {width:150px;}

.spec {padding:0 10px 0 0 !important;}

.io {margin:0 5px; vertical-align:middle;}
/*
.ic,.ir {margin:6px 0 0 0;}
*/
.search {width:155px; background:#e0e0e0; color:#333; font-weight:bold;}
.date   {width:69px; background:#e0e0e0; color:#333;}

.label {
	padding: 2px 5px;
	border-radius: 3px;
	background: #fafafa;
	font-size: 85%;
	font-weight: bold;
}

.shade {
	background-color: #cacaca;
}

.o0 {margin-left:10px;}
.o1 {margin-left:20px;}
.o2 {margin-left:30px;}
.o3 {margin-left:40px;}
.o4 {margin-left:50px;}
.o5 {margin-left:60px;}
.o6 {margin-left:70px;}

.i-dir,.i-dir-prv,.i-doc,.i-ppt,.i-xls,.i-rtf,
.i-pic,.i-pdf,.i-txt,.i-zip,.i-rar,.i-msg,.i-unk,
.i-file-lnk,.i-fold-lnk {padding:1px 0 1px 20px;}
.i-dir {background:url(../gfx/i-dir.png) left top no-repeat;}
.i-dir-prv {background:url(../gfx/i-dir-prv.png) left top no-repeat;}
.i-doc {background:url(../gfx/i-doc.png) left top no-repeat;}
.i-pdf {background:url(../gfx/i-pdf.png) left top no-repeat;}
.i-ppt {background:url(../gfx/i-ppt.png) left top no-repeat;}
.i-xls {background:url(../gfx/i-xls.png) left top no-repeat;}
.i-rtf {background:url(../gfx/i-rtf.png) left top no-repeat;}
.i-txt {background:url(../gfx/i-txt.png) left top no-repeat;}
.i-zip {background:url(../gfx/i-zip.png) left top no-repeat;}
.i-rar {background:url(../gfx/i-rar.png) left top no-repeat;}
.i-pic {background:url(../gfx/i-pic.png) left top no-repeat;}
.i-msg {background:url(../gfx/i-msg.png) left top no-repeat;}
.i-unk {background:url(../gfx/i-unk.png) left top no-repeat;}
.i-file-lnk {background:url(../gfx/i-file-lnk.png) left top no-repeat;}
.i-fold-lnk {background:url(../gfx/i-fold-lnk.png) left top no-repeat;}

.i-dir-sel {padding:1px 0 1px 28px; background:url(../gfx/i-dir-sel.png) left top no-repeat;}
.i-dir-sel-prv {padding:1px 0 1px 28px; background:url(../gfx/i-dir-sel-prv.png) left top no-repeat;}
.i-dir-nor {padding:1px 0 1px 28px; background:url(../gfx/i-dir-nor.png) left top no-repeat;}
.i-dir-nor-prv {padding:1px 0 1px 28px; background:url(../gfx/i-dir-nor-prv.png) left top no-repeat;}

.wht, .wht a {color:#fff;}
.shd, .shd a {color:#666;}
.blu, .blu a {color:#1874CD;}
.grn, .grn a {color:#2B8000;}
.yel, .yel a {color:#5D177F;}
.ora, .ora a {color:#FF8C00;}
.red, .red a {color:#B22222;}

.ob {border:solid #1874CD; border-width:0 0 0 15px; padding-left:3px;} /* blue */
.og {border:solid #2B8000; border-width:0 0 0 15px; padding-left:3px;} /* green */
.oy {border:solid #5D177F; border-width:0 0 0 15px; padding-left:3px;} /* yellow */
.or {border:solid #B22222; border-width:0 0 0 15px; padding-left:3px;} /* red */
.oo {border:solid #FF8C00; border-width:0 0 0 15px; padding-left:3px;} /* orange */
.os {border:solid #666; border-width:0 0 0 15px; padding-left:3px;}	   /* grey */

.sbut {
	display:block; width:80px; line-height:42px; margin:auto; font-weight:bold; font-size:90%;
	background:#c0c0c0 url(../gfx/stat-butt.png) top center no-repeat;}

table {margin:5px 10px; font-size:12px;}
table th {padding:5px 15px 5px 3px; font-weight:bold;}
table td {padding:3px 15px 3px 3px;}

#list {width:610px; margin:0 5px 5px 5px; border:1px solid #e0e0e0; border-collapse:collapse; color:#666; background:#fff;}
#list tr {line-height:20px;}
#list tr.dark {background:#fafafa;}
#list tr.pale {}
#list thead th, #list tbody td {border:1px solid #e0e0e0;}
#list tbody tr:hover {background:#f3f6f9;}
#list th {padding:5px 10px; font-weight:bold; color:#333; background:#E0E0E0;}
#list td {padding:5px;}
#list a  {color:#000; text-decoration:none;}
#list a:hover {text-decoration:underline;}
#list .asc  {padding-right:10px; background:url(../gfx/asc.png) right center no-repeat;}
#list .desc {padding-right:10px; background:url(../gfx/desc.png) right center no-repeat;}

.selected,.noselect {padding:1px 2px;}
.selected {border:1px solid #69c; background:#EFF9FF;}
.noselect {border:1px solid #fff;}

.ico {width:32px; height:32px; margin-right:5px; border:none;}
.i-home  {background:url(../gfx/i-home.png) center center no-repeat;}
.i-trash {background:url(../gfx/i-trash.png) center center no-repeat;}
.i-item-und {background:url(../gfx/i-item-und.png) center center no-repeat;}
.i-fold-add {background:url(../gfx/i-fold-add.png) center center no-repeat;}
.i-file-add {background:url(../gfx/i-file-add.png) center center no-repeat;}
.i-file-add {background:url(../gfx/i-file-add.png) center center no-repeat;}
.i-item-mod {background:url(../gfx/i-item-mod.png) center center no-repeat;}
.i-item-del {background:url(../gfx/i-item-del.png) center center no-repeat;}
.i-file-atc {background:url(../gfx/i-file-atc.png) center center no-repeat;}
.i-item-lnk {background:url(../gfx/i-item-lnk.png) center center no-repeat;}
.i-item-mve {background:url(../gfx/i-item-mve.png) center center no-repeat;}
.i-item-zip {background:url(../gfx/i-item-zip.png) center center no-repeat;}
.i-item-uzp {background:url(../gfx/i-item-uzp.png) center center no-repeat;}
.i-item-imp {background:url(../gfx/i-item-imp.png) center center no-repeat;}
.i-item-eml {background:url(../gfx/i-item-eml.png) center center no-repeat;}