html, body { width: 100%; height: 100%; }
/*body { position:relative; margin: 0; padding: 0; font: 11px verdana, Arial, sans-serif; background:#F9F9F9; }*/
body { margin: 0; padding: 0; font: 11px verdana, Arial, sans-serif; background:#F9F9F9; }
h3 {font-size: 12px;}
/*scrollbar-3dlight-color: #808080; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #808080; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #F0F0F0; scrollbar-base-color: #F0F0F0;*/
* { font-size: 1em; padding: 0; margin: 0; }
#holder { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 0;}

#header { position: relative; width: 100%; top: 0; left: 0; height: 151px; z-index: 10; }
#headerPopup { position: relative; width: 100%; top: 0; left: 0; height: 18px; z-index: 10; }


#body { position: relative; width: 100%; /*height: 90%;*/ z-index: 1; }
* html #body { height: 30%; }
#footer { display: none; position: absolute; bottom: 0; width: 100%; height: 22px; }
.title { font-size:	14px; font-weight:bold; }
/* Forms style */
textarea { font: 11px/13px Arial, sans-serif; }
td, div, input, textarea, .txt { font-size:	12px; }
.error { color:	#7F0000; }
/* header */
/*#titleBlock { position:	relative; width: 100%; height: 18px; padding: 0; border: 0; border-bottom: 1px solid #808080; background: #fff url(../pics/bgTitle.jpg) repeat-y 0 0; z-index:50; }*/

#titleBlock { position:	relative; width: 100%; height: 180px; padding: 0; border: 0; border-bottom: 1px solid #808080;background: #fff; z-index:50;}
#titleBlock ul { float: left;list-style: none; margin-left: 16px; display: inline; }
#titleBlock li { float: left;margin:5px; }

#titleBlock h1 { padding-left: 20px; font: bold 12px/16px Arial, sans-serif; height: 18px; color: #fff; }
#sysmenuBlock { position: absolute; left: 0; top: 181px; width: 100%; height: 23px; z-index:	2000; background-color: #D6D3CE; border-top:1px solid #fff; border-bottom: 1px solid #808080; z-index:1; }
#sysmenuBlock a.logout { position: absolute; right: 10px; top:4px; display:block; height:14px; line-height:14px; margin: 0; padding:1px 6px; color:#000; text-decoration:none; z-index:20000; }
#sysmenuBlock a.logout:hover { text-decoration:underline; }
#sysmenu { position: relative; height: 22px; z-index: 10000; padding: 1px 0 0 20px; font:12px/16px Arial, sans-serif; text-align: left; }
/* column and body*/
#infoBlock { position: absolute; height: 100%; left: 0; top: 0; width: 300px; overflow: hidden; border-right: 1px solid #808080; z-index: 2;}
/* #infoBlock .titleBlock { position: relative; height:21px; width: 100%; background-color: #D6D3CE; border-bottom: 1px solid #808080; border-top: 1px solid #fff; z-index: 1; }
.titleBlock h2 { position: relative;  padding: 2px 0 0 8px; margin: 0 0 0 21px; line-height: 15px; font-weight: bold; width: 140px; background-color: #fff; border: 1px solid #808080;}
.titleBlock a.hide { position: absolute; top: 2px; right: 4px; display: block; width: 15px; height: 15px; border: 1px solid #D6D3CE; background: #D6D3CE url(../pics/icon/hide.gif) no-repeat center center; }
.titleBlock a:hover { position: absolute; top: 2px; right: 4px; display: block; width: 15px; height: 15px; border: 1px solid #000; background-color: #fff; background: #fff url(../pics/icon/hide.gif) no-repeat center center; }
.infomenu a.tab { position:	absolute; top: 0; left: 1px; width: 16px; height: 60px; padding: 0; background: url(../pics/menu/tab_folders.gif) no-repeat left bottom; z-index: 1; } */
/* Legendamenu block style */
#infomenuBlock { position: relative; z-index: 100; display: inline; height: 22px; vertical-align: top; }
#infomenuBlock .infomenu { position: absolute; padding: 44px 0 0 0;  }
/* Page block style */
#pageBlock { position: relative; margin-left: 200px; background: url(../pics/bgBodyColumn.gif) repeat-y 0 0; }
#pagemenuBlock { position: relative; height: 21px; background-color: #D6D3CE; border-top: 1px solid #fff; border-bottom: 1px solid #808080; }
#pagemenuBlock ul.pagemenu { position: absolute; top: 0; left: 0; height: 20px; padding: 2px 0 0 32px; overflow: hidden; margin: 0; list-style: none; }
* html body #pagemenuBlock ul.pagemenu { padding: 0 0 0 32px; }
#pagemenuBlock ul.pagemenu li { position: relative; float: left; margin: 0 8px 0 0; z-index: 2;}
#pagemenuBlock ul.pagemenu a { position: relative; height: 16px; float: left; /* overflow: hidden; */ display: block; line-height: 16px; margin: 0; padding: 1px 10px 1px 8px; border: 1px solid #808080; background-color: #f0f0f0; text-decoration: none; color: #808080; }
#pagemenuBlock ul.pagemenu a b { position: absolute; top: -2px; right: -2px; height: 8px; width: 8px; background: url(../pics/menu/tab_tr.gif) no-repeat right top; z-index: 2; }
#pagemenuBlock ul.pagemenu a:hover { color: #000; border-color: #808080; text-decoration: underline; }
#pagemenuBlock ul.pagemenu a.act { float: left; border-bottom-color: #fff; background-color: #fff; color: #000; }
#pagemenuBlock ul.pagemenu a.act:hover { border-bottom-color: #fff; }
/* #pagemenuBlock #minimize, #pagemenuBlock #maximize { position: absolute; display: none; top: 0px; right: 0px; padding: 2px 3px 2px 0; }
#pagemenuBlock #maximize { display:	block; }
#pagemenuBlock a.icon_maximize { position: relative; display: block; width: 15px; height: 15px; border: 1px solid #D6D3CE; background: transparent url(../pics/icon/maximize.gif) no-repeat center center; }
#pagemenuBlock a.icon_minimize { position: relative; display: block; width: 15px; height: 15px; border: 1px solid #D6D3CE; background: transparent url(../pics/icon/minimize.gif) no-repeat center center; }
#pagemenuBlock a:hover { border: 1px solid #000; background-color: #fff; } */
/* Footer block style
#footerBlock { position: relative; height:22px; background-color: #D6D3CE; border-top: 1px solid #fff; border-bottom: 1px solid #808080; } */
.datetime { position: absolute; right: 0; padding: 2px 10px; }
.datetime img { width: 16px; height: 16px; }
.datetime span { margin: 0 0 0 5px; font-size: 90%; line-height: 16px; }

#preview ul { list-style: none;height: 20px;}
#preview li { float: left;margin-right: 10px;}
#preview img { border: none;}
#preview a { text-decoration: none; }

#preview iframe {border: 1px dotted #ccc;}

.pictures { margin: 0;padding: 10px;max-height: 700px;overflow: auto; }
.pictures dl { position: relative; width: 450px; overflow: hidden; margin: 0 auto;}
.pictures dl dt { position: relative; float: left; display: inline;width: 225px; text-align: left; }
.pictures dl dd { position: relative; margin-bottom: 5px; text-align: right;}
.pictures dl label { position: relative; height: 16px; color:#333;}
.pictures dd input.text { margin: 0; width: 188px; height: 16px; font: 12px/12px Verdana, Arial, sans-serif; border: 1px solid  #c00; }