﻿/******************************************************************************
	System / Basic Elements
******************************************************************************/

body
{
	margin:0;
	padding:0;
}

table, body, input, select, textarea
{
	font-family: Helvetica,Tahoma, Arial;
}

IMG
{
	border: 0px;
}

IMG.absmiddle
{
	vertical-align: middle;
	margin-bottom: .25em;
}

.Hidden
{
	display:none;
}

ul.innerCellBullet
{
	margin:0px 0px 0px -15px;
}

tr.UIK_odd
{
	background-color: #F1F5FA;
}

tr.UIK_even
{
	background-color: #FFFFFF;
}

/******************************************************************************
	System / Error Exception Message
******************************************************************************/

.UIK_MsgBoxErrException
{
	width: 90%;
	text-align: center;
	padding: 8px;
}

.UIK_MsgBoxErrException h1
{
	font: normal 210%/100% Tahoma, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #464646;
	text-shadow: white 0px 1px 1px;
}

.UIK_MsgBoxErrException .UIK_MsgBoxErrException_Btn
{
	text-align: center;
	font-size: 12pt;
}

.UIK_MsgBoxErrException_Msg
{
	font-size: 10pt;
}

/*****************************************************************************
	Interface / Single line table
*****************************************************************************/

table.sngl{
	/* <table border="1" class="sngl" cellpadding="1" cellspacing="0"> */
	border-collapse: collapse;
	border-color: black;
}

table.sngl th{
	border-color: black;
}

table.sngl td{
	border-color: black;
}

/*****************************************************************************
	Interface / Dialog Box / FullScreen Background
*****************************************************************************/

.UIK_divDialogFullScreenBackground
{
	position: absolute;
	top: 0px;
	bottom:0px;
	left: 0px;
	right:0px;
	width: auto;
	height: auto;
	overflow: auto;
	display:none;
}

.UIK_divDialogFullScreenBackground_default
{
	background-color: black;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

/*****************************************************************************
	Interface / Dialog Box / Popovers Dialog
*****************************************************************************/

.UIK_divPopoversDialogPointer div.left,
.UIK_divPopoversDialogPointer div.right,
.UIK_divPopoversDialogPointer div.leftW,
.UIK_divPopoversDialogPointer div.rightW
{
	width: 15px;
	height: 30px;
	display: none;
	position: absolute;
}

.UIK_divPopoversDialogPointer div.up,
.UIK_divPopoversDialogPointer div.down,
.UIK_divPopoversDialogPointer div.upW,
.UIK_divPopoversDialogPointer div.downW
{
	width: 30px;
	height: 15px;
	display: none;
	position: absolute;
}

.UIK_divPopoversDialogPointer div.up
{
	background-image: url(images/PopoversDlg_p01up.png);
}

.UIK_divPopoversDialogPointer div.down
{
	background-image: url(images/PopoversDlg_p01down.png);
}

.UIK_divPopoversDialogPointer div.left
{
	background-image: url(images/PopoversDlg_p01left.png);
}

.UIK_divPopoversDialogPointer div.right
{
	background-image: url(images/PopoversDlg_p01right.png);
}

.UIK_divPopoversDialogPointer div.upW
{
	background-image: url(images/PopoversDlg_p02up.png);
}

.UIK_divPopoversDialogPointer div.downW
{
	background-image: url(images/PopoversDlg_p02down.png);
}

.UIK_divPopoversDialogPointer div.leftW
{
	background-image: url(images/PopoversDlg_p02left.png);
}

.UIK_divPopoversDialogPointer div.rightW
{
	background-image: url(images/PopoversDlg_p02right.png);
}

div.UIK_divPopoversDialogWindow,
div.UIK_divPopoversDialogWindowWhite
{
	z-index: 20100;
	display:none;
	position: absolute;
	-moz-box-shadow: 2px 2px 20px #0F0F0F;
	-webkit-box-shadow: 2px 2px 20px #0F0F0F;
	-moz-border-radius: 				6px;
	-webkit-border-radius: 				6px;
	border-radius: 						6px;
}

.divPopoversDialog_FSBG
{
	background-color: black;
	filter: alpha(opacity=0);
	opacity: 0;
}


/*--- style ----------------------------------------------------------------*/

div.UIK_divPopoversDialogWindow
{
	background-color: #0E0E0E;
	border: solid 1px black;
}

div.UIK_divPopoversDialogWindowWhite
{
	background-color: #EDE9DE;
	border: solid 1px #6b5f4f;
}


/*****************************************************************************
	Interface / Dialog Box / Page slide box
*****************************************************************************/

.UIK_PageSlideBox
{
	overflow: hidden;
}

.UIK_PageSlideBox .SlidePages
{
	position: relative;
}

.UIK_PageSlideBox .SlidePage
{
	float: left;
}


/*****************************************************************************
	Interface / Pull-Down Dialog
*****************************************************************************/

div.UIK_divPullDownDialogArea
{
	position:absolute;
	top:0px;
	width:100%;
}

div.UIK_divPullDownDialogWindow
{
	background-color: #F8F8FA;
	filter: alpha(opacity=97);
	opacity: 0.97;
	text-align: left;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	display:none;
}

div.UIK_divPullDownDialogWindow div.Body
{
	padding:10px;
}

div.UIK_divPullDownDialogWindow div.Body div.ContentHead
{
	font-weight: bold;
}

div.UIK_divPullDownDialogWindow div.Body div.Content
{
	padding-left:20px;
	padding-bottom:10px;
}

div.UIK_divPullDownDialogWindow div.Footer
{
	padding:10px;
	text-align:right;
}

/*---------------------------------------------------------------------------*/

div.UIK_DialogHorizontalLine
{
	height:1px;
	border-top:solid 1px #DEDEE0;
	background-color: #FDFDFD;
	clear: both;
}

/******************************************************************************
	Apperance / Top Line Menu
******************************************************************************/

div.UIK_TopLineMenu
{
	background-image: url(images/TopLineMenu.Background.png);
	height: 24px;
	cursor: default;
	line-height: 22px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

div.UIK_TopLineMenu div.menuItem,
div.UIK_TopLineMenu div.menuSpace,
div.UIK_TopLineMenu div.menuBlock,
div.UIK_TopLineMenu div.menuBlockLeft,
div.UIK_TopLineMenu div.menuBlockRight
{
	float: left;
	height: 24px;
	line-height: 22px;
	font-size: 9pt;
}

div.UIK_TopLineMenu div.menuSpace
{
	width: 6px;
}

div.UIK_TopLineMenu div.menuText,
div.UIK_TopLineMenu div.menuBlock,
div.UIK_TopLineMenu div.menuItem
{
	padding: 0px 8px 0px 8px;
	color: #E0E0E0;
	text-shadow: black 0px -1px -1px;
}

div.UIK_TopLineMenu div.menuBlockLeft,
div.UIK_TopLineMenu div.menuItem
{
	border-left: solid 1px #41484E;
}

div.UIK_TopLineMenu div.menuBlockRight,
div.UIK_TopLineMenu div.menuItem
{
	border-right: solid 1px #101010;
}

div.UIK_TopLineMenu div.menuItem
{
	font-weight: bold;
	text-align: center;
}

div.UIK_TopLineMenu div.menuItem a:link,
div.UIK_TopLineMenu div.menuText a:link
	{ COLOR: #E0E0E0; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.menuItem a:visited,
div.UIK_TopLineMenu div.menuText a:visited
	{ COLOR: #E0E0E0; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.menuItem a:active,
div.UIK_TopLineMenu div.menuText a:active
	{ COLOR: #E0E0E0; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.menuItem a:hover,
div.UIK_TopLineMenu div.menuText a:hover
	{ COLOR: white; TEXT-DECORATION: none; }

div.UIK_TopLineMenu div.activeItem
{
	background-image: url(images/TopLineMenu.Selected.png);
	color: white;
	text-shadow: #455d7b 0px 1px 1px;
	border-left: solid 1px #7DBBFA;
	border-right: solid 1px #113860;
}

div.UIK_TopLineMenu div.activeItem a:link		{ COLOR: white; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.activeItem a:visited	{ COLOR: white; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.activeItem a:active		{ COLOR: white; TEXT-DECORATION: none; }
div.UIK_TopLineMenu div.activeItem a:hover		{ COLOR: yellow; TEXT-DECORATION: none; }

/******************************************************************************
	Apperance / Header Bar Summary Line
******************************************************************************/

div.UIK_HeaderBarSummaryLine {
	overflow:hidden;
	height: 22px;
	background-image: url(images/HeaderBarSummaryLine.gif);
	font-size: 10.5pt;
	vertical-align: middle;
	width: 100%;
	color: #777777;
	text-shadow: white 0px 1px 1px;
	padding-top: 1px;
}

/******************************************************************************
	Apperance / Side bar
******************************************************************************/

/* View 'jQuery/Sidebar/main.css' for more information */
div.UIK_Sidebar,
div.UIK_SidebarBackground,
div.UIK_Sidebar div.sb__Line div.sb__rightInfo
{
	background-color: #D6DDE5;
	font-size: 9pt;
}

/******************************************************************************
	Apperance / Sunken Information Area
******************************************************************************/

div.UIK_SunkenInfoArea
{
	width: 100%;
	background-color: #E1E1EB;
}

div.UIK_SunkenInfoArea div.InfoHead
{
	height: 10px;
	background-image: url(images/SunkenArea.Head.png)
}

div.UIK_SunkenInfoArea div.InfoFoot
{
	height: 7px;
	background-image: url(images/SunkenArea.Foot.png)
}

/******************************************************************************
	Apperance / Header Bar Frame
******************************************************************************/

div.UIK_HeaderBarFrame
{
	height: 36px;
	color: white;
}

div.UIK_HeaderBarFrameMajor
{
	background-image:url(images/HeaderBarFrame/Major.png);
	text-shadow: #444 0px -1px 1px;
}

div.UIK_HeaderBarFrameMinor
{
	background-image:url(images/HeaderBarFrame/Minor.png);
	text-shadow: #111 0px -1px 1px;
}

div.UIK_HeaderBarFrame div.HeaderBarArea,
div.UIK_HeaderBarFrame div.HeaderBarTextCenter
{
	height: 36px;
	line-height: 28px;
	width: 100%;
	position: absolute;
}

div.UIK_HeaderBarFrame div.HeaderBarTextCenter
{
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 13pt;
	font-weight: bold;
}

table.UIK_HeaderBarFrame
{
	width: 100%;
	height: 100%;
}

table.UIK_HeaderBarFrame td
{
	font-size: 13pt;
	font-weight: bold;
}

div.UIK_HeaderBarFrame .TextMainTitle
{
	font-size: 9pt;
}

div.UIK_HeaderBarFrame .TextSubTitle
{
	font-size: 7pt;
	font-weight: normal;
}

table.UIK_HeaderBarFrame input[type=button]
{
	font-size: 10pt;
	height: 26px;
	vertical-align:middle;
}

table.UIK_HeaderBarFrame button
{
	font-size: 10pt;
	height: 26px;
	vertical-align:middle;
}

table.UIK_HeaderBarFrame button img
{
	vertical-align: middle;
	margin-bottom: .25em;
}


/******************************************************************************
	Apperance / popoverLargeButton
******************************************************************************/

table.popoverLargeButton
{
	height: 36px;
	width: 100%;
	border-collapse: collapse;
}

table.popoverLargeButton td,th
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

table.popoverLargeButton td.body
{
	text-align: center;
	font-size: 12pt;
	line-height: 28px;
	font-weight: bold;
}

table.popoverLargeButton td.left
{
	width: 12px;
}

table.popoverLargeButton td.right
{
	width: 12px;
}

	


/******************************************************************************
	Apperance / HeaderBarFrameSearchFilter
******************************************************************************/

div.UIK_HeaderBarFrameSearchFilter
{
	font-size: 8pt;
	background-color: #E8E8E8;
}

div.UIK_HeaderBarFrameSearchFilter div.item,
div.UIK_HeaderBarFrameSearchFilter div.itemLast
{
	padding: 2px 2px 2px 6px;
	border-top: solid 1px #F8F8F8;
	border-bottom:solid 1px #C0C0C0;
}

div.UIK_HeaderBarFrameSearchFilter div.itemLast
{
	border-bottom:solid 1px #B0B0B0;
}