TD.MIFbuttoncom { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000040; text-decoration: none; text-align: center; vertical-align: top;}
TD.MIFthead { font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; color : #000000;
}
TD.MIFtrow { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
TD.MIFfldname { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color : #FAFAFF; }
TD.MIFfldval { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
TD.MIFdlghead { padding-left : 5px; text-align : right; font-size: 13px; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; text-align:left; FONT-WEIGHT: bold; background-color: #FE766E; }
TD.MIFdlg { padding-left : 5px; text-align : right; font-size: 12px; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; text-align:right;}

TR.MIFdlgTR 		{}
TR.MIFdlgTR TD 		{ border-bottom: 1px solid #FE766E;}
TR.MIFdlgTR TD.MIFdlg 	{ background-color: #f0f0f0;}

TR.MIFdlgTR1 TD 	{ border-bottom: none;}
TR.MIFdlgTR1 TD.MIFdlg 	{ background-color: #f0f0f0;}

A.MIFnav {  font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #003399; TEXT-DECORATION: none; }
A.MIFnav:hover { font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #003399; TEXT-DECORATION: underline; }

.MIFhelp { font-size: 10pt; color: #000000; font-weight: normal }
.MIFsmall { font-size: 8pt; color: #000000; font-weight: normal }
.MIFtext { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }
.Ico {}

div.MIFtree0 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 0px;}
div.MIFtree1 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 15px;}
div.MIFtree2 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 30px;}
div.MIFtree3 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 45px;}
div.MIFtree4 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 60px;}
div.MIFtree5 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 75px;}
div.MIFtree6 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 90px;}
div.MIFtree7 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 105px;}
div.MIFtree8 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 120px;}
div.MIFtree9 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 135px;}
div.MIFtree10 {  COLOR: #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 150px;}


div.M1 { padding-left: 15px;}
div.M2 { padding-left: 30px;}

div.MIFblkpos0 { padding-left: 0px;}
div.MIFblkpos1 { padding-left: 20px;}
div.MIFblkpos2 { padding-left: 40px;}
div.MIFblkpos3 { padding-left: 60px;}
div.MIFblkpos4 { padding-left: 80px;}
div.MIFblkpos5 { padding-left: 100px;}
div.MIFblkpos6 { padding-left: 120px;}
div.MIFblkpos7 { padding-left: 140px;}
div.MIFblkpos8 { padding-left: 160px;}

UL.rdot   { list-style: url(/images/mifors/reddot.gif) outside ; margin: 1 15; font-size: 80%;}
UL.tdot   { list-style: url(/images/mifors/transdot.gif) outside ; margin: 1 15; font-size: 100%;}
UL.ebar   { list-style: url(/images/mifors/ebar.gif) outside ; margin: 1 25; font-size: 80%;}

.red                    {color:#ff0000; font-weight:bold;}
.semi-wide-field        {width:300px;}


div.title { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
div.title  a { color: #0000a0; }

div.text  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  }
div.info  {  padding-top: 3px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  }
div.description  {font-size: 11px; background-color: #DEE3E7; border-style: none; }


/* search */
table.search td             {color:#868F99; font-size: 70%; padding-bottom:5px;}
table.searchform            {background-color: #D0EBF4}

table.searchform    td      {font-size: 70%;padding-top:5px;}
table.searchform    td  input   {font-size: 110%;}
table.searchform    td  select  {font-size: 110%;}
table.searchform    td.corner       {background: url('/images/ld-corn.gif') bottom left no-repeat;padding:0 0 0 0;}


table.notes{
	border-top:1px solid #E4F0E9;
	margin-top:30px;
}

p.footnote {
	margin: 5px 0 10px 0;
	color: #000000
}

p.footnotes{
	margin: 25px 0 10px 0;
	color: #000
}

div.footnote_new, div.footnote_new_active {
	position: absolute;
	z-index: 1010;
	display: none;
	width: 415px;
	background:#EDEEEE url(/images/gis/but_fon.gif) repeat-x left top;
	/*background-color: #E4F0E9;*/
	color: #000;
	padding: 2px 2px 2px 10px;
	font-size: 11px
}

div.footnote_new_active { display: block }

span.header_small { color: #000; font-size: 70% }


.error { border: 1px solid red; }
.ok { border: 1px solid gray; }


div.popuphidden {
    display:none;
}

div.popupshow {
    display:block;
    position: absolute;
    width:350px;
    height:300px;
    background: #f0f0f0;
    border: 1px solid #101010;
    padding: 5px;
    align: center;    
    text-align: center;    
}
.mselect {
    width:350px;
    height:300px;
}

<!-- NEW STYLE -->

sysdialog/* std classes : table.sysdialog (like login, edit form) */

table.sysdialog {
    border-collapse:collapse;
}

table.sysdialog td {
    border: 0;
    color:#A4A29A;
    font-size:12px; 
    color:#777;
    padding:5px 10px;
    background:#eAeAeA;
}


table.sysdialog td input {
    font-size: 14px;
    color:#777;
    border: 0px;
    padding:5px;
}

table.sysdialog td select {
    font-size: 14px;
    color:#777;
    border: 0px;
    padding:5px;
}

table.sysdialog td input[type="submit"] {
    border:1px solid #CCC;
}

table.sysdialog td.errtd {
    border: 2px solid red;
}


div.funcpanel {
    background-color: #ebeff9;
    width:99%;
    padding:5px;
}

div.funcpanel a {
    padding-right:10px;
}


div.multyselect { height:200px; border:1px solid #CCC; overflow:auto; }

div.multyselect input {
    width:10px !important;
}

.ml10 {margin-left:10px;}
.p_10 {padding:10px;}
.p_10_20 {padding:10px 10px 10px 20px;}
.ml_10 {margin-left:10px;}
.ml_20 {margin-left:20px;}
.mt_3 {margin-top:3px;}
.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mr_10 {margin-right:10px;}
.mb_3 {margin-bottom:3px;}
.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_30 {margin-bottom:30px;}
.pl_7 {padding-left:7px;}
.pl_10 {padding-left:10px;}
.pl_20 {padding-left:20px;}
.pl_40 {padding-left:40px;}
.w90 {width:90%;}
.w100 {width:100%;}
.ml100 {margin-left:100px;}

h1, .oophead {background:#EEE; padding:10px; color:#A4A29A; font-weight: bold; font-size:15px;}
h2 {padding:10px 0; color:#A4A29A; font-weight: bold; font-size:15px;}

.ooptab {width:780px; font-size:12px;}
.ooptab table.rep {border-collapse:collapse; width:100%;}
.ooptab table.rep td {border:0px; background:#E7E7E7; padding:5px 10px;  font-size:12px; color:#777; vertical-align:top;}
.ooptab table.rep td p {font-size:12px; }
.ooptab table.rep td:first-child {background:#efefef;}
.ooptab table.rep tr.fullbg td:first-child {background:#ecf5ff;}
.ooptab table.rep td.none {border:0px none; background:none;width:200px;}
.ooptab table.rep td.head   {text-align: center; background:#ffbdad; font-weight: normal; }
.ooptab table.rep td.head#curday   {background-color:#AAA;}
.ooptab table.rep td.subhead {background-color:#e4ecf7; text-transform: uppercase; padding:10px;}
.ooptab table.rep td.mark {background-color:#F7BDA0;}
.ooptab table.rep td.wt {background:#fff;}

.ooptab .ooped {  background: url('/images/site/icons/edit/icon.png') no-repeat; width:16px; height:16px; display:block; }
.ooptab .oopdel {  background: url('/images/site/icons/delete/icon.png') no-repeat; width:16px; height:16px; display:block; }
.ooptab .oopadd {  background: url('/images/site/icons/add/icon.png') no-repeat 2px 50%;  padding:3px 5px 3px 25px;  color:#777;}
.ooptab .ooped:hover {  background: url('/images/site/icons/edit/icon-hover.png') no-repeat; }
.ooptab .oopdel:hover {  background: url('/images/site/icons/delete/icon-hover.png') no-repeat; }
.ooptab .oopadd:hover {  background: url('/images/site/icons/add/icon-hover.png') no-repeat 2px 50%;  }

.restree { color:#777; padding:10px; line-height:1.5em;}
.restree b { font-size:18px; margin-top:20px; margin-bottom:10px; display:block; background:#EEE; padding:5px;}
.restree .l1 { background: url('/images/site/arr6.gif') no-repeat 0 2px; font-size:14px; font-weight:bold; margin-left:5px; margin-bottom:5px; padding-left:10px;}
.restree .l2 { background: url('/images/site/arr5.gif') no-repeat 0 2px; margin-left:20px; margin-bottom:7px; padding-left:10px;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.va_t {vertical-align:top;}

.cpoint {cursor:pointer;}
.taskview {background:#FFF; border:1px solid #CCC; width:700px; display:none; position:absolute;}