/*********************************************************/
/** MinSYS - Default Theme                              **/
/** Copyright (C) 2009, by David A. Mchedlishvili       **/
/*********************************************************/

/*********************************************************/
/** System Style *****************************************/
/*********************************************************/

/** Elements **/
body,div,span,p,tr,td,th,input,table,select,textarea,button,h1,h2,h3,h4,h5,h6,small { font-size: 10pt; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif }
body 			{ margin: 0px; padding: 0px }
table			{ border: 0px; border-collapse: collapse }
td,th			{ padding: 0px; vertical-align: top; text-align: left }
th				{ font-weight: bold; text-align: left }
p				{ margin: 6px 0px 12px 0px }
img				{ border: 0px }
form,pre		{ margin: 0px; padding: 0px }
hr				{ height: 1px; background-color: #CCCCCC; color: #CCCCCC; border: 0px }
ol,ul,dl		{ margin-top: 4px; margin-bottom: 6px }
dt				{ font-weight: bold; margin-top: 4px }
dd				{ margin-left: 20px }
label			{ cursor: pointer; }
fieldset		{ border: 1px solid #CCCCCC }
legend			{ color: #333333; padding: 0px 4px; font-weight: bold }
a				{ color: #0000CC; text-decoration: none }
a:hover 		{ color: #CC0000; text-decoration: underline }
small			{ font-size: 8pt }
h1,h2,h3,h4,h5,h6	{ margin: 16px 0px 8px 0px }
h1 				{ font-size: 18pt }
h2 				{ font-size: 14pt }
h3 				{ font-size: 12pt }
h4 				{ font-size: 10pt }	/* <== default */
h5 				{ font-size: 9pt }
h6 				{ font-size: 7.6pt }

/** Extend [DON'T EDIT] **/
.l				{ text-align: left !important }
.c				{ text-align: center !important }
tr.c td			{ text-align: center }
div.dc			{ margin-left: auto; margin-right: auto; }
.r				{ text-align: right !important }
.b				{ font-weight: bold !important }
.n				{ font-weight: normal !important }
.s				{ font-size: 8pt !important }
.s *			{ font-size: 8pt }
.ss				{ font-size: 7pt !important }
.ss *			{ font-size: 7pt }
.ns				{ font-size: 10pt !important }
.ns	*			{ font-size: 10pt }
.bs				{ font-size: 12pt !important }
.bs	*			{ font-size: 12pt }
.i				{ font-style: italic !important }
.u,.au a		{ text-decoration: underline !important }
.st				{ text-decoration: line-through !important }
.nu				{ text-decoration: none !important }
.fl				{ float: left !important }
.fr				{ float: right !important }
.nw				{ white-space: nowrap !important }
.nw td			{ white-space: nowrap }
.w				{ white-space: normal }
.vt				{ vertical-align: top !important }
.vm				{ vertical-align: middle !important }
.vb				{ vertical-align: bottom !important }
.vc				{ vertical-align: text-top !important }
table.vt td, tr.vt td	{ vertical-align: top }
table.vm td, tr.vm td	{ vertical-align: middle }
table.vb td, tr.vb td	{ vertical-align: bottom }
table.vc td, tr.vc td	{ vertical-align: text-top }
.hand			{ cursor: pointer !important }
.curdef			{ cursor: default; }
.p0				{ padding: 0 !important }
table.p0 td		{ padding: 0 }
.p02,table.p02 td	{ padding: 0px 2px }
.p04,table.p04 td	{ padding: 0px 4px }
.p12,table.p12 td	{ padding: 1px 2px }
.p14,table.p14 td	{ padding: 1px 4px }
.p22,table.p22 td	{ padding: 2px 2px }
.p24,table.p24 td	{ padding: 2px 4px }
.p26,table.p26 td	{ padding: 2px 6px }
.p44,table.p44 td	{ padding: 4px }
.p46,table.p46 td	{ padding: 4px 6px }
.p48,table.p48 td	{ padding: 4px 8px }
.pl0				{ padding-left: 0px !important }
.pr0				{ padding-right: 0px !important }
.pl10				{ padding-left: 10px !important }
tr.pl10 td			{ padding-left: 10px }
.pl20				{ padding-left: 20px !important }
tr.pl20 td			{ padding-left: 20px }
.pr10				{ padding-right: 10px !important }
tr.pr10 td			{ padding-right: 10px }
.pr20				{ padding-right: 20px !important }
tr.pr20 td			{ padding-right: 20px }
.ml4				{ margin-left: 4px; }
.mr4				{ margin-right: 4px; }
.mt4				{ margin-top: 4px; }
.mb4				{ margin-bottom: 4px; }
.mb-4				{ margin-bottom: -4px; }
.mt10				{ margin-top: 10px !important }
.mb10				{ margin-bottom: 10px !important }
.mt20				{ margin-top: 20px !important }
.mb20				{ margin-bottom: 20px !important }
.ti20				{ text-indent: 20px }
.tl20				{ padding-left: 20px; text-indent: -20px }
.tl40				{ padding-left: 40px; text-indent: -40px }
.x16x16			{ width: 16px; height: 16px }
.x32x32			{ width: 32px; height: 32px }
.w100			{ width: 100%; }
.evn			{ background: #F5F5F5 }
.hide			{ display: none }
hr.h1line		{ border-bottom: 1px dashed #C0C0C0; margin: 8px 0px; height: 1px; background: transparent }
hr.h2line		{ border-bottom: 3px double #DCDCDC; margin: 8px 0px; height: 3px; background: transparent }
.en				{ font-family: Verdana,Arial,Tahoma,Helvetica,Sans-Serif }
.nlink a:hover	{ text-decoration: none }
.off			{ color: #B0B0B0 }
.off img,img.off	{ -khtml-opacity: 0.5; opacity: 0.5; }
a.elink			{ background: url('images/extlink.png') center right no-repeat; padding-right: 14px }
.box			{ border: 1px solid #CCCCCC }
.pre			{ white-space: pre; font-family: monospace; overflow: auto; }

/** Colors **/
.black			{ color: #000000 !important }
.purple			{ color: #800080 !important }
.red			{ color: #CC0000 !important }
.green			{ color: #008000 !important }
.white			{ color: #FFFFFF !important }
.gray			{ color: #666666 !important }
.maroon			{ color: #800000 !important }
.bb-gray		{ border-bottom: 1px solid #CCCCCC !important }
.bg-gray		{ background: #F5F5F5 !important }

/*********************************************************/
/** Theme Style ******************************************/
/*********************************************************/
/** Page **/
#sys-page			{ background-color: #FFFFFF }

/** Header **/
#sys-header			{ width: 100%; height: 60px; background: #F5F5F5 url('images/header-bg.gif') repeat-x; font-size: 10pt; color: #223344; border-bottom: 1px solid #AAAAAA }
#sys-header a		{ color: #003366; text-decoration: none }
#sys-header a:hover	{ color: #660066; text-decoration: none }
#sys-header a.hlang			{ color: #660066 }
#sys-header a.hlang:hover	{ color: #CC00CC }

/** Header Sub Line **/
#sys-subline		{ width: 100%; height: 22px; color: #000000; background: #F0F0F0 url('images/subline-bg.gif') repeat-x; border-bottom: 1px solid #999999 }
#sys-subline a		{ color: #003366 }
#sys-subline a:hover{ color: #FFFFFF; text-decoration: none }
#sys-subline span.subline-sep	{ background: url('images/subline-sep.gif') no-repeat center; padding: 0px 6px }
a.icon-changedb		{ background: url('images/icon_changedb.png') no-repeat left; padding-left: 20px !important }
a.icon-search		{ background: url('images/icon_search.png') no-repeat left; padding-left: 20px !important }

/** Main **/
#sys-main			{ width: 100%; height: 540px }
#sys-main-left		{ background: #DDE3E5; border-right: 1px solid #9EAAB6 }
div.sys-main-left	{ width: 180px; padding: 4px }
#sys-main-body		{ padding: 0px; width: 100% }
#sys-main-right		{ background: #DDE3E5; border-left: 1px solid #9EAAB6 }
div.sys-main-right	{ width: 180px; padding: 4px }

/** Navigation Line **/
#sys-navline		{ height: 20px; padding: 0px 4px; border-bottom: 1px solid #BCC4CC; background: #E9F1F5 url('images/navline-bg.png') repeat-x; vertical-align: middle; color: #009900 }
#sys-navline a		{ color: #334455; text-decoration: none }
#sys-navline a:hover	{ color: #112233; text-decoration: underline }
#sys-navline span.last	{ color: #800000 }

/** Main **/
#sys-body			{ background: #FFFFFF; padding: 16px }
#sys-body, .mcolor	{ color: #334455 }

/** Footer **/
#sys-footer			{ width: 100%; height: 42px; background: #A3B7BF url('images/footer-bg.gif') repeat-x; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #999999; color: #666666; font-size: 8pt }

/** Debug **/
#sys-debug			{ color: #000000; background: #F0F0F0 }
#sys-debug table	{ border: 1px solid #CDCDCD; margin-top: 2px; width: 100% }

/** Misc **/
img.iconleft		{ margin: 0px 6px -4px 4px }
#wrapper			{ width: 400px; position: absolute; left: 50%; margin-left: -240px; text-align: center; border: 1px solid #334455; background: #E6E7E8; padding: 10px 0px; font-weight: bold }

/** Page Tabs **/
.pgtoptab			{ width: 100%; border-bottom: 1px solid #CCCCCC }
.pgtoptab td		{ vertical-align: middle; white-space: nowrap }
.pgtoptab td.ltab	{ font-weight: bold; padding: 0px 16px 0px 4px; vertical-align: middle; background: #F5F5F5 url(images/tabb.gif) repeat-x }
.pgtoptab td.rtab0	{ padding: 0px 8px; background: #F0F0F0 url(images/tabs0b.gif) repeat-x }
.pgtoptab td.rtab1	{ padding: 0px 8px; background: #F5F5F5 url(images/tabs1b.gif) repeat-x; color: #006600 }

/** DB Info **/
#pddbinfo			{ width: 100%; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px }
#pddbinfo td		{ padding: 2px; white-space: nowrap; vertical-align: middle }

/** BigList **/
#blist				{ width: 100% }
#blist td			{ border-bottom: 1px solid #CCCCCC; padding: 4px 6px }
#blist tr.thead td	{ font-weight: bold; vertical-align: bottom; padding: 20px 6px 4px 6px }
#blist tr.tbody		{ background: #F9F9F9 }
#blist tr.tbody:hover	{ background: #F0F0F0; color: #000000  }

/** Result **/
#wis-result			{ color: #000000 }
#wis-result .mfn	{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; margin-left: 10px; white-space: nowrap }
#wis-result .mfn a	{ color: #999999 }
#wis-result ol		{ margin: 0px; padding: 2px 0px 2px 64px }
#wis-result a.ftext	{ background: url('images/fulltext.png') center left no-repeat; padding-left: 18px }
#wis-result a.elink	{ background: url('images/elink.png') center left no-repeat; padding-left: 18px }
#wis-result p		{ margin: 2px 0px 4px 0px }
#wis-result div.v303	{ color: #666666; padding: 1px 4px; border: 1px dashed #CCCCCC; display: none }
#wis-result a.v303	{ float: right; border-top: 1px dashed #CCCCCC; font-size: 8pt; margin-right: 6px; cursor: pointer; text-decoration: none }
#wis-result span.hl	{ color: #FF0000; background: #FFFF99 }
#wis-result span.bad	{ text-decoration: line-through; color: #CC0000 }

/** PFT ALL **/
.wis-pft-all		{ background: #CCCCCC; margin-bottom: 10px }
.wis-pft-all table	{ border-collapse: separate; border-spacing: 1px; width: 100% }
.wis-pft-all td		{ padding: 2px 4px }
.wis-pft-all-tag	{ text-align: center; vertical-align: top; padding: 2px 10px !important; background: #FFFAFA; }
.wis-pft-all-val	{ background: #FFFFFF; width: 100%; }

/** Form **/
input.warn-border,select.warn-border { border: 1px solid #FF6666 }
.formtext 			{ border: 1px solid #A6A6A6; background: #FFFFFF; padding: 1px 2px }
.formselo			{ border: 1px solid #999999; background: #FFFFFF; margin: 0px }
.formbutn			{ border: 1px outset #A6A6A6; background: #EAEAEA; color: #333333; padding: 0px 4px; cursor: pointer }
.formbutn:hover		{ background: #E0E8EF; border: 1px outset #A0A8AF; }
.form-page			{ border-collapse: separate; border-spacing: 1px; border: 1px solid #D5D5D5; width: 100% }
.form-page *		{ font-size: 10pt }
.form-page td		{ padding: 2px 4px; background: #F6F6F6 }
.form-page tr.h0 td	{ color: #334455; border-bottom: 1px solid #E0E0E0; background: #F0F0F0 }
.form-page tr.h1 td	{ color: #334455; border-bottom: 1px solid #D6D6D6; background: #E6E6E6; font-weight: bold }
.formbox			{ border: 1px solid #CCCCCC; width: 100%; height: 20px; vertical-align: middle; color: #000000 }

/** Message Box **/
.box-warn		{ padding: 2px 6px; border: 1px dashed #FF9999; background: #FFFF99; color: #FF0000 }

.box-info,.box-success,.box-warning,.box-error	{ margin: 10px 0px; padding: 4px 8px; }
.box-info 			{ border: 1px solid #0077CC; background: #DDEEFF }
.box-success 		{ border: 1px solid #339933; background: #CCFFCC }
.box-warning		{ border: 1px solid #FFCC00; background: #FFFFCC }
.box-error 			{ border: 1px solid #CC6666; background: #FFDDDD }

/** Main Menu **/
.menu-main			{ width: auto; margin-bottom: 8px; background: #F0F0F0; border: 1px solid #C0C0C0; border-bottom: 0px; padding-top: 1px }
.menu-main *		{ font-size: 8pt }
.menu-main a, .menu-main .off { background: #D6DADC; border-bottom: 1px solid #99AAAA; border-left: 4px solid #99AAAA; color: #334455; display: block; width: auto; margin-bottom: 1px; padding: 3px 3px }
.menu-main a:hover	{ background: #BAC2C4; border-bottom: 1px solid #999999; border-left: 4px solid #339933; color: #FFFFFF; text-decoration: none; }
.menu-main img		{ float: left; margin-right: 4px }
.menu-main .off		{ color: #666666 !important }

/** BNav**/
.bnav				{ border: 1px solid #99AABB; width: 100%; margin-bottom: 10px; background: #F0F4F8; height: 20px }
.bnav td			{ padding: 2px 4px; vertical-align: middle }
.bnav a				{ text-decoration: none }

/** Box01 **/
.nbox				{ width: 100%; border: 1px solid #B9BCbF }
.nbox *				{ font-size: 8pt }
.nbox td			{ padding: 2px 4px; background: #EBEFF1 }
.nbox tr.head0 td	{ background: #DCE3E7; border-bottom: 1px solid #C6C9CB; font-weight: bold; color: #394560; font-size: 10pt; padding: 1px 4px }
.nbox tr.foot0 td	{ border-top: 1px dashed #C6C9CB }
.nbox tr.hover td	{ background: #E0E0E0 }

/** Table #01 **/
.table				{ border-collapse: separate; border-spacing: 1px; border: 1px solid #D5D5D5; margin-bottom: 10px }
/*.table *			{ font-size: 8pt }*/
.table td			{ padding: 2px 4px; background: #F6F6F6 }
.table tr.head0 td	{ color: #334455; border-bottom: 1px solid #E0E0E0; background: #F0F0F0 }
.table tr.head1 td	{ color: #334455; border-bottom: 1px solid #D6D6D6; background: #E6E6E6; font-weight: bold }
.table tr.head2 td	{ color: #334455; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; background: #F0F0F0 }
.table tr.foot0 td	{ color: #334455; border-top: 1px solid #E0E0E0; background: #F0F0F0 }
.table tr.onerw td	{ color: #334455; background: #F0F0F0; font-weight: bold }
.table tr.hover:hover	{ cursor: default }
.table tr.hover:hover td	{ background: #FFF4C9 !important }
.table tr.separ td	{ padding: 0px; font-size: 1px; height: 4px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 0px }
.table tr.clr00 td	{ background: #D3D3D3 }
.table tr.clr01 td	{ background: #FFFFCC }
.table tr.clr02 td	{ background: #FFCCCC }
.table tr.clr03 td	{ background: #F6F6DD }
.table tr.clr04 td	{ background: #F6EEEE }
.table tr.head1 a	{ color: #003366; text-decoration: none }
div.tscroll			{ overflow: auto; border: 1px solid #CCCCCC }
div.tscroll .table	{ margin-bottom: 0px; border: 0px }

/** Table Top Tabs **/
table.ttab 				{ border-collapse: separate; border-spacing: 0px }
table.ttab td.ttab		{ border: 1px solid #D5D5D5; border-bottom: 0px; border-right: 0px; padding: 1px 0px }
table.ttab td.ttab a		{ padding: 1px 10px; background: #F6F6F6; color: #003366; border-right: 1px solid #D5D5D5 }
table.ttab td.ttab a:hover	{ text-decoration: none; background: #F0F0F0; color: #334455 }
table.ttab td.ttab a.ttab-act, table.ttab td.ttab a.ttab-act:hover	{ background: #EAEAEA; color: #990000 }
table.ttab td.ttab span		{ padding: 1px 10px; background: #F6F6F6; color: #999999; border-right: 1px solid #D5D5D5 }
table.ttab td.ttab span.ttab-title	{ background: #F0F0F0; color: #334455; font-weight: bold }

/** ToolTips **/
.ttip 				{ position: relative; cursor: help; }
.ttip span.tip		{ display: none; }
.ttip:hover span.tip 	{ display: block; z-index: 100; position: absolute; top: 24px; width: auto; text-align: left; padding: 2px 6px; border: 1px solid #333333; background-color: #FCFBDC; color: #333333; font-size: 8pt; }
.ttip span.tip-right	{ right: 10px !important }
.ttip span.tip-left		{ left: 10px !important }

/** Status Box **/
div.status-green, div.status-gray	{ width: 10px; height: 10px }
div.status-green	{ border: 1px solid #009900; background: #33CC33 }
div.status-gray		{ border: 1px solid #999999; background: #CCCCCC }


/*** Printable Version ***/
@media print { 
	#sys-page 		{ width: 100% }
	#sys-header		{ display: none }
	#sys-subline	{ display: none }
	#sys-main-left	{ display: none }
	#sys-debug		{ display: none }
	#sys-page		{ width: 100% }
	#mkitten		{ display: none }
	.hideprint		{ display: none }
}