﻿/* Page default style */
body
{
	font-family:"Arial","Arial";
	font-size:9pt; 
	text-decoration:none;
	color: #333333;
	background-color:Transparent;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

img
{ 
	border:0; 
}
img a
{
	border: 0;
}

.ImgAdjust img
{
   margin-bottom: expression("-3px");
}

input
{ 
	color: #000000;  
	border:solid 1px #454545;
	font-size:8pt;
}

input[type=checkbox] 
{
	background-color:Transparent;
	border: none;
} 
input[type=radio]
{
	background-color:Transparent;
	border: none;
} 

a:link, a:visited, a:active
{
    text-decoration:none;
}
a:hover
{
    color:#007dd7
}

td { font-family:"Arial","Arial"; color:#474747; font-size:12px; line-height:16px; text-decoration:none}
td a{ font-family:"Arial","Arial"; color:#474747; font-size:12px; line-height:16px; text-decoration:none}

textarea		
{ 
	color: #000000;  
	border:solid 1px #454545;
	/* ime-mode: inactive; /* auto | active | inactive | disabled */
}

select
{
	color:#000000;  
	border:solid 1px #454545;
	height: 17;
}


.onFocusNormal
{
	background-color: #eaf2fa;
}

.onFocusSearch
{
	background-color: #eaf2fa;
}

.onFocusRequired
{
	background-color: #eaf2fa;
}



/*YJIT Controls*/
.TextBox
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	height:14px;
}

.TextBox[readonly=True]
{ 
	background-color:#F9F6E1;
}

textarea[readonly=True]
{
	background-color:#F9F6E1;
}

.Label
{
	font-family:"Arial","Arial"; 
	color:#333333; 
	font-size:12px; 
	line-height:16px; text-align:left;
}

.RadioButton
{
     border:0; 
}

.CodeBox
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	margin-right:1px;
	height:14px;
}

.CodeBoxDesc
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	margin-right:1px;
	height:14px;
}

.CodeBoxImg
{
	/*vertical-align:middle;*/
}

.CheckBox
{
    border:0; 
}

.HyperLink
{
    
}

.ListBox
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	FONT-FAMILY:"Arial" ;
	FONT-SIZE:11px; 
	color:#000000;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:5px;
	margin-top:1px;
	margin-bottom:1px;
}

.Button
{
	font-size:12px;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
    /*width: 63px;*/
    height:20px;
    display: inline-block;
    padding-left:2px;
    overflow: visible;
    white-space: nowrap;
}
.Button:hover
{
	filter: progid:DXImageTransform.Microsoft.Alpha( style=2,opacity=25,finishOpacity=100);
}
.ButtonText
{
	text-align:center;
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
}
.FlatButton
{
	font-size:12px;
	text-align:center;
	cursor:pointer;
	color:#FFAB33;
    width: 63px;
    height:30px;
    display: inline-block;
    padding-left:2px;
    overflow: visible;
    white-space: nowrap;
}
.FlatButton:hover
{
}
.FlatButtonText
{
	text-align:center;
	color:#767676;
}
.FlatButtonText:hover
{
}

.ImgButton
{
	text-align:center;
	cursor:pointer;
    display: inline-block;
}
.ImgButton img
{
   margin-bottom: expression("-3px");
}
.DateBox
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	height:14px;
	width:65px;
}
.TimeBox
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	height:14px;
}
.SearchPanel
{
	margin-right:5px;
}

.SearchPanel_Container
{
    background-color:#C6E0F1;
	margin-top:2px;
	margin-bottom:2px;
}

.TabContent
{
	border-left:#e3e3e3 1px solid; 
	border-right:#e3e3e3 1px solid;
	border-bottom:#e3e3e3 1px solid;
    vertical-align:top;
    width:100%;
    height:100%;
}
.TabContentCell
{
	padding-left:2px;
	padding-top:2px;
}

.TabContentDiv
{
	z-index:-1;
}

.TabHeader_Space
{
    height:20px;
    width:1px;
	border-bottom:#e3e3e3 1px solid; 
}
.TabHeader_Filler
{
    height:20px;
	border-bottom:#e3e3e3 1px solid; 
}

.TabHeader_Container
{
	table-layout:fixed;
}

.TabHeader_Active
{
    white-space:nowrap;
	height:20px;
	width:135px;
	text-align:center;
	background-image: url('/app_themes/default/images/content_tab/tab_bg_active.jpg');
	background-repeat:no-repeat;
	font-weight:bold;
}

.TabHeader_Active:hover
{
	color: #007dd7;
}


/* hcs
.TabHeader_Inactive
{
    width:135px;
    border-bottom: #e3e3e3 1px solid;
    text-align: center;
    white-space: nowrap;
    cursor: hand;
    background-image: url('/app_themes/default/images/content_tab/tab_bg.jpg');
    background-repeat: no-repeat;
    color: #999999;
}

.TabHeader_Inactive:hover
{
	background-image: url('/app_themes/default/images/content_tab/tab_bg_ov.jpg');
	color: #007dd7;
}
*/
.TabHeader_Inactive
{
    width: 110px;
    border-bottom: #e3e3e3 1px solid;
    text-align: center;
    white-space: nowrap;
    cursor: hand;
    background-image: url('/app_themes/default/images/content_tab/tab_bg_mci.jpg');
    background-repeat: no-repeat;
    color: White;
}

.TabHeader_Inactive:hover
{
	background-image: url('/app_themes/default/images/content_tab/tab_bg_ov_mci.jpg');
	color: Yellow ;
}
/*********************************/


/* SuggestBox */
table.SuggestBox
{
    border:1px solid #3a6ea5;
    padding:0 0 0 0;
}
td.SuggestOddItem
{
    width:100%;
}
td.SuggestEvenItem
{
    width:100%;
}
td.SuggestItemFocus
{
}

/* Popup */
table.PopupMenu
{
    background-color:#ffffff;
    border:1px solid #3a6ea5;
    padding:0 0 0 0;
    filter:alpha(opacity=90);

}

td.PopupOddItem
{
    background-color:#FFFFFF;
    border-top:1px solid #3a6ea5;
    width:100%;
    
}

td.PopupEvenItem
{
    background-color:#FFFFFF;
    width:100%;
}

td.PopupItemFocus
{
    background-color:#D9EBF1;
}
/* Status Bar */

td.StatusBar
{
}
table.StatusBar
{
}
span.StatusBar
{
	padding-left:5px;
}

span.clsBlank	{
	width: 5px;
	height: 1px;
}
span.clsSpaceV5 {
	height: 5px;
	font-size:1px;
}
span.clsSpaceV10 {
	height: 10px;
	font-size:1px;
}
span.clsSpaceV15 {
	height: 15px;
	font-size:1px;
}

/* Menu */
.clsMenu		{
	background-color: #522000;
	width: 100%;
	height: 22px;
}

/*  program title  */
table.tPgmTtl	{
	border: 0;
	width: 100%;
	TABLE-LAYOUT:fixed;
}
.pgmTlt {
	height: 37px;
	color: #663300;
	font-size: 11pt;
	font-weight: bold;
}

.pgmBg {
	height: 1px;
	background-color: #904500;
}

.pgmBtnContainer
{
    text-align:right;
}

.pgmTopPath {vertical-align:baseline; font-size: 11pt; font-weight:800; text-decoration: none; color: #9E5B18;}
a.pgmPath:link		{ font-weight:700; text-decoration: none; color: #9E5B18;}
a.pgmPath:visited	{ font-weight:700; text-decoration: none; color: #9E5B18; }
a.pgmPath:active	{ font-weight:700; text-decoration: none; color: #9E5B18; }
a.pgmPath:hover		{ font-weight:700; text-decoration: none; color: #9E5B18; }

/*main program table */
table.tMain 
{
    TABLE-LAYOUT:fixed;
    text-align:left;
    padding:0 0 0 0;
    border: 0;
	width: 100%;
}

/*Code Search*/
table.csDetail	{ border:0; width:98%; table-layout:fixed; border-bottom: 1 solid #EEF2F5; }
.csTitle		{ color: #663300 ; background-color: #F3F0ED; text-align: center; vertical-align: middle ; height: 22px }
a.csItem:link		{ color: #333333; line-height:12pt;}
a.csItem:visited	{ color: #333333; line-height:12pt;}
a.csItem:active	    { color: #333333; line-height:12pt;}
a.csItem:hover		{ text-decoration: underline; color: #FF6600; line-height:12pt;}

a.csCurPageNo 		{ color: #FF6600; font-weight:bold; vertical-align: middle ; }

a.csPageNo:link		{ color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageNo:visited	{ color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageNo:active	{ color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageNo:hover	{ text-decoration: underline; color: #FF6600; font-size: 8pt; vertical-align: middle ; }

a.csPageCtrl:link	 { text-decoration: none; color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageCtrl:visited { text-decoration: none; color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageCtrl:active	 { text-decoration: none; color: #333333; font-size: 8pt; vertical-align: middle ; }
a.csPageCtrl:hover	 { text-decoration: none; color: #FF6600; font-size: 8pt; vertical-align: middle ; }

/* Parent MDI window */
.mdi_page_bg_img {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10000;
}

.mdi_statusbar_area	{
    background-color:#f5f5f5;
	border:1px solid #c0c0c0;
	border-left:1px solid #ffffff;
	padding-left:10px
}

.mdi_tab{
 color: navy;
 background-color: white;
 border: 1px solid #000000;
 text-align: center;
 font-size: 8pt;
 padding: 3;
 cursor: pointer;
 cursor: hand;
 line-height:80%;
 height:100%;
 vertical-align:middle;
}

.mdi_tab_active {font-family:Arial;color:#1A0330; font-size:11px;line-height:11px; cursor:pointer;}
.mdi_tab_inactive {font-family:Arial;color:#ffffff; font-size:11px;line-height:11px; cursor:pointer; }
.mdi_tab_area
{
    background-color:#f5f5f5;
	border-top:#c0c0c0 1px solid;
	border-bottom:#c0c0c0 1px solid;
}

.mdi_panel{
 width: 100%;
 height:100%;
 font-size: 12pt;
 border: none;
 padding: 0 0 0 0;
 overflow: auto;
}

/*      */


/* Menu */
.Top_Menu
{
	position:relative;
	vertical-align:middle;
	cursor:hand;
	FONT-SIZE: 11;
	padding-left:20px;
	padding-right:20px;
	FONT-WEIGHT:bold;
	text-align:center;
}

.Top_Menu:hover
{
	position:relative;
	vertical-align:middle;
	cursor:hand;
	FONT-SIZE: 11;
	FONT-WEIGHT:bold;
	COLOR:#007dd7;
}
.menu_container
{
	width:100%;
	background-color:transparent;
}
.PgmHdr
{
    width:100%;
}
.PgmHdrContainer
{
}
.WGContainer
{
}
.WGTitleBar
{
}
.WGTitleCell
{
}
.WGButtonCell
{
	width:50px;
	text-align:right;
	vertical-align:middle;
}
.WGGridCell
{
}

.FileUploadFileName
{	
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	height:14px;
}

.FileUploadBrowse
{
	height:18px;
}

.FileUploadUpload
{
	height:18px;
}

.MSFileUpload
{
	border-color:#cccccc; 
	border-width:1px;
	border-style:solid;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#000000;
	margin-left:5px;
	height:18px;
}

.pager
{
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:5px;
	height:20px;
}

.paging {
	CLEAR: both; PADDING-RIGHT: 0px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 27px 0px 0px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center;
	font-family:"Arial","Arial";
}
.paging A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 9px; DISPLAY: inline; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px -4px 0px -2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; HEIGHT: 10px;FONT: bold 12 "Arial, Arial"; 
}
.paging A:link {
	COLOR: #414141; TEXT-DECORATION: none
}
.paging A:visited {
	COLOR: #414141; TEXT-DECORATION: none
}
.paging A:active {
	COLOR: #414141; TEXT-DECORATION: none
}
.paging A:hover {
	COLOR: #414141; TEXT-DECORATION: none
}
.paging A:hover {
	BACKGROUND-COLOR: #f7f7f7
}

.paging_on
{
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-RIGHT: 9px; 
	PADDING-LEFT: 8px; 
	PADDING-TOP: 3px; 
	padding-bottom:0px;
	MARGIN: 0px -4px 0px -1px; 
	COLOR: #117eb7;
	DISPLAY: inline; 
	font-family:"Arial","Arial";
}
.paging_on:hover {
	BACKGROUND-COLOR: #f7f7f7
}

.paging_arrow_left
{
	clear:both;
	width:15px;
	height:15px;
	margin-right: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: expression("-3px");
}
.paging_arrow_right
{
	clear:both;
	width:15px;
	height:15px;
	margin-top: 0px;
	margin-left: 0px;
	margin-left: 5px;
	margin-bottom: expression("-3px");
}

.HTMLWG_table
{
	table-layout:fixed;
	height: 100%; 
	width: 100%; 
	border-collapse: collapse;
	border:#e3e3e3 solid 1px;
}
.HTMLWG_list_title
{
	height:27px;
	font-family:"Arial","Arial";
	FONT-SIZE:12px; 
	color:#234da1;
	background-color:#eaf2fa;
	font-weight:bold ;
	text-align:center;
	vertical-align:middle;
	border-right:#e3e3e3 solid 1px;
}

.HTMLWG_list
{
	height:25px;
	font-family:"Arial","Arial";
	FONT-SIZE:12px;
	line-height:25px; 
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:solid 1px #f3f3f3;
	border-right:#e3e3e3 solid 1px;
	cursor:hand;
}

.HTMLWG_list_line
{
	height:1px;
	background-color:#f3f3f3;
}

.HTMLWG_list:hover {
	color: #007dd7;
}

.dGridButton 
{
	font-size:8px;
}