* { margin:0; padding:0; }

html, body { border:none; }

body {
	width:100%; height:100%;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	text-align:center;
	background:rgb(250,250,255);	
}

div#cont {
	width:auto; height:auto; margin:2%;
	width:auto; height:auto;
	text-align:left;
	background:rgb(255,255,255);
}

div#head {
	display:block; width:auto; height:30px; line-height:26px;
	background:rgb(250,250,255);
}

#menu { list-style-type:none; }
#menu li { 
	float:left; padding:0 20px; margin:0 5px 0 0;
	font-weight:bold; color:rgb(153,153,153);
	border:solid rgb(204,204,204); border-width:4px 0 0 0; background:rgb(250,250,250); 
}
#menu li:hover { 
	color:rgb(102,102,102); 
	border:solid rgb(102,153,255); border-width:4px 0 0 0; cursor:pointer; }
#menu li.selected { 
	color:rgb(51,51,51);
	border:solid rgb(102,153,255); border-width:4px 0 0 0; background:rgb(255,255,255); 
}

#loading { 
	float:right; width:16px; height:16px; margin:5px 0; 
	background:url(../gfx/loading.gif); }
#status  { line-height:16px; padding:0 0 0 20px; background:url(../gfx/sending.gif) top left no-repeat; }
#refresh { line-height:16px; }

div#main {
	float:left; display:block;
	width: 60%; height: 450px; overflow:auto;
	background:transparent;
}

div#work {
	float:left; display:block;
	width: 40%; height: 450px; overflow-x:hidden; overflow-y:auto;
	background:transparent;
}

p { margin:5px 10px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
iframe { width:auto; }

div#foot {
	clear:both;
	width:auto; height:30px; line-height:30px;
	border:solid rgb(102,153,255); border-width:4px 0 0 0;
}

div#foot p { margin:auto 10px; }

h1 { margin:10px 10px 15px 10px; }
h2 { margin:10px 10px 10px 10px; }
h3 { margin:10px 10px 5px 10px; }

.brd { border: 1px solid rgb(153,153,153); }
.inf, .err, .ok { padding: 5px; font-weight:bold; }
.ok  { color:rgb(0,102,204); border:1px dashed rgb(71,132,191); background:rgb(209,224,239); }
.inf { color:rgb(102,102,102); border:1px dashed rgb(153,153,153); background:rgb(250,250,250); }
.err { color:rgb(204,0,0); border:1px dashed rgb(204,51,51); background:rgb(240,225,225); }
.red { color:rgb(204,0,0); }
.shd { color:rgb(153,153,153); }
.lft { float:left !important; }
.rgt { float:right !important; }
.clr { clear:both; }
.note { font-size:85%; }
.bold { font-weight:bold; }
.cent { text-align:center; }
.left { text-align:left; }
.rght { text-align:right; }
.handle { cursor:move; background:rgb(204,204,204); } 

table.list { margin:5px 10px; border:1px solid rgb(102,102,102); border-collapse:collapse; }
table.list th { padding:5px 3px; font-size:12px !important; text-align:left; vertical-align:top; background:rgb(167,182,223); }
table.list td { padding:2px; }
table.list a  { text-decoration:none; color:rgb(0,51,51); }
table.hor tr  { border:solid rgb(102,102,102); border-width:1px 0 0 0; }
table.hor tr:hover { background:rgb(239,251,255); }
table.ver th  { border:solid rgb(102,102,102); border-width:0 1px 0 0; }

ul#gallsrt { display:block; height:auto; margin:5px 10px; }
ul#gallsrt li { float:left; margin:0 10px 0 0; padding:2px; list-style-type:none; border:1px solid rgb(204,204,204); }
ul#gallsrt li img { cursor:move; }
ul#gallsrt li span.cont { display:block; }


.i2 { width:75px;  }
.i3 { width:150px; }
.i4 { width:300px; }
.i5 { width:370px; }

.ico-pdf,.ico-doc,.ico-rtf,.ico-txt,.ico-xls,.ico-ppt,.ico-zip,.ico-rar,.ico-pic,
.ico-htm,.ico-avi,.ico-unk,.ico-non,.ico-con { line-height:18px; padding:0 0 1px 16px; }
.ico-pdf { background:url(../gfx/i-pdf.png) top center no-repeat; }
.ico-doc { background:url(../gfx/i-doc.png) top center no-repeat; }
.ico-rtf { background:url(../gfx/i-rtf.png) top center no-repeat; }
.ico-txt { background:url(../gfx/i-txt.png) top center no-repeat; }
.ico-xls { background:url(../gfx/i-xls.png) top center no-repeat; }
.ico-ppt { background:url(../gfx/i-ppt.png) top center no-repeat; }
.ico-zip { background:url(../gfx/i-zip.png) top center no-repeat; }
.ico-rar { background:url(../gfx/i-rar.png) top center no-repeat; }
.ico-pic { background:url(../gfx/i-pic.gif) top center no-repeat; }
.ico-htm { background:url(../gfx/i-htm.gif) top center no-repeat; }
.ico-avi { background:url(../gfx/i-avi.gif) top center no-repeat; }
.ico-unk { background:url(../gfx/i-unk.gif) top center no-repeat; }
.ico-non { background:url(../gfx/i-non.png) top center no-repeat; }
.ico-con { background:url(../gfx/i-con.png) top center no-repeat; }

.prompt { padding:10px; border:1px dashed rgb(204,204,204); background:rgb(250,250,250); text-align:center; }

span.butt { float:left; display:block; width:16px; height:16px; margin:auto 3px; cursor:pointer; }
span.mod  { background: url(../gfx/butt_mod.png); }
span.arch  { background: url(../gfx/butt_archive.png); }
span.del  { background: url(../gfx/butt_del.png); }
span.add  { background: url(../gfx/butt_add.png); }
span.add_news { background: url(../gfx/butt_add_news.png); }
span.add_acts { background: url(../gfx/butt_add_acts.png); }
span.add_down { background: url(../gfx/butt_add_down.png); }
span.mod_down { background: url(../gfx/butt_mod_down.png); }
span.del_down { background: url(../gfx/butt_del_down.png); }
span.add_gall { background: url(../gfx/butt_add_gall.png); }
span.add_imag { background: url(../gfx/butt_add_imag.png); }
span.sys_rfsh { background: url(../gfx/butt_sys_rfsh.png); }
span.mod_pict { background: url(../gfx/butt_mod_pict.png); }
span.del_pict { background: url(../gfx/butt_del_pict.png); }
span.img_zoom { background: url(../gfx/butt_img_zoom.png); }
span.ref_file { background: url(../gfx/butt_ref_file.png); }
span.cat_add  { background: url(../gfx/butt_cat_add.png); }
span.rec_add  { background: url(../gfx/butt_rec_add.png); }
#frmbody { background:#fff; text-align:left; }
#filefrm { width:490px; height:250px; border:none; }