@charset "UTF-8";

html, body
{
	color:#000;
	background-color:#84C3FF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
table { border-collapse:collapse; }
td, th
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
a:link,
td a:link,
th a:link		{ color:#C00; text-decoration:underline; }
a:visited,
td a:visited,
th a:visited	{ color:#C66; text-decoration:underline; }
a:hover,
td a:hover,
th a:hover		{ color:#F00; text-decoration:underline; }
a:active,
td a:active,
th a:active		{ color:#F66; text-decoration:underline; }

h3				{ font-size:16px; border-bottom:2px solid black; }
.smallfont		{ font-size:8pt; }

/* Dialog */
* html .DialogOuterFrame	{ text-align:center; } /* for IE */
.DialogFrame		{ text-align:left; margin:5px auto 10px auto; table-layout:fixed; clear:both; border:1px solid #000; background-color: #ECECEC; }
.DialogTitle		{ cursor:pointer; background-color:#666; }
.DialogTitle td		{ vertical-align:top; }
.DialogTitleText	{ color:#fff; font-size:11pt; font-weight:bold; padding:0px 20px; overflow:hidden; white-space:nowrap; line-height:24px; text-shadow:0px 0px 3px rgba(0, 0, 0, .5); }
.DialogView			{ padding:12px; }
.DialogArrow		{ width:20px; background-repeat:no-repeat; float:right; }
.DialogGrip			{ width:20px; background-repeat:no-repeat; float:left; }


#MenuBar			{}
#MenuBarFrame		{ background:#999; }
.MenuButton			{
	width:110px; height:24px;
	box-shadow:2px 2px 2px rgba(255, 255, 255, .9) inset;
}
.MenuButton a		{
	width:100%;
	height:100%;
	display:block;
	line-height:22px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #ccc;
	border-color:#999 #666 #666 #999;
	color:#fff;
	background-color:#777;
	text-decoration:none;
	font-size:14px;
	text-shadow:1px 1px 3px rgba(0, 0, 0, .6);
	background-image:-webkit-linear-gradient(to bottom, rgba(120, 120, 120, .4) 1%, rgba(192, 192, 192, .5) 43%, rgba(192, 192, 192, .6) 57%, rgba(120, 120, 120, .6) 99%);
	background-image:        linear-gradient(to bottom, rgba(120, 120, 120, .4) 1%, rgba(192, 192, 192, .5) 43%, rgba(192, 192, 192, .6) 57%, rgba(120, 120, 120, .6) 99%);
	-webkit-box-shadow:-1px -1px 3px rgba(0, 0, 0, .2) inset;
	        box-shadow:-1px -1px 3px rgba(0, 0, 0, .2) inset;
}
.MenuButton a:link,
.MenuButton a:visited { color:#eee; text-decoration:none; }
.MenuButton a:hover,
.MenuButton a:active,
.MenuButton a:focus {
	color:#fff;
	background-color:#999;
	text-shadow:1px 1px 3px rgba(0, 0, 0, .6), 0 0 3px rgba(255, 255, 255, .7);
	-webkit-box-shadow:0 0 11px rgba(255, 255, 255, .1) inset;
	        box-shadow:0 0 11px rgba(255, 255, 255, .1) inset;
}

.MenuSpace			{
	background-color:#aaa;
	background-image:-webkit-linear-gradient(to bottom, rgba(144, 144, 144, .6) 0, rgba(208, 208, 200, .6) 45%, rgba(200, 200, 200, .6) 55%, rgba(136, 136, 136, .6) 99%);
	background-image:        linear-gradient(to bottom, rgba(144, 144, 144, .6) 0, rgba(208, 208, 208, .6) 45%, rgba(208, 208, 208, .6) 55%, rgba(128, 128, 128, .6) 99%);
}
#InfoBar { padding:5px; margin:0; }
#InfoTimer {
	font-size:9pt;
	text-align:center;
	white-space: nowrap;
	background-color:#fff;
	border-radius:4px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, .6) inset;
	float:left;
	margin:0 6px;
	padding:0 16px;
}
#MainFrame		{}
#MainView
{
	background-color:#FFF;
	font-size:10pt;
	padding:12px 12px 0px 12px;
}
#MainViewFrameTop
{
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:left top;
}
#MainViewFrameBottom
{
	vertical-align:bottom;
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:left bottom;
}
#Splitter
{
	background-repeat:repeat-y;
	background-position:left top;
	vertical-align:top;
}
#SideBar					{ vertical-align:top; padding:0px 12px 12px 12px; }
#SideBar .DialogTitleText	{ font-size:8pt; padding:0px 4px; text-align:center; line-height:24px; }
#SideBar .DialogView		{ font-size:8pt; line-height:140%; }
#SideBar P					{ margin-bottom:0; }

.LineH			{ line-height:135%; }

/* Form */
form .radio		{ }
form .checkbox	{ }
form .file		{ border:1px solid gray; }
form .password	{ border:1px solid gray; }
form .text		{ border:1px solid gray; }
form button		{ border:1px solid gray; width:100px; cursor:pointer; }
form select		{ border:1px solid gray; }
form textarea	{ border:1px solid gray; }
form .form_note	{ margin-left:8px; font-size:80%; }
form span.need	{ color:#900; }
form button span{ display:none; }

/* Title Picture */
#TitlePictureFrame	{ text-align:center; margin-bottom:20px; }
#TitlePictureFrame img	{ text-align:left; margin-left:auto; margin-right:auto;}
#TitlePictureFrame div	{ text-align:left; margin-left:auto; margin-right:auto;
	position:relative;
	width:540px;
	height:150px;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center top;
}

/* Dialog in the MainView frame */
#MainView .Dialog
{
	margin-bottom:12px;
}

.GridLine					{ border-collapse:collapse; empty-cells:show; table-layout:auto; border:2px solid #333; }
.GridLine th,
.GridLine td				{ border:1px solid #333; padding:3px; }
.GridLine th				{ background-color:#999; color:white; font-weight:normal; }
.GridLine th a				{ color:#FFF; }

.GrayLabel					{ border-collapse:collapse; empty-cells:show; table-layout:fixed; }
.GrayLabel th,
.GrayLabel td				{ border:1px solid #eee; padding:5px; }
.GrayLabel th				{ background-color:#ccc; color:#000; font-weight:normal; }
.GrayLabel td div.help		{ font-size:85%; margin-top:2px; }


.TableFrame
{
	width:100%;
	text-align:center;
}
.TableFrame table
{
	background-color:#333;
	margin-left:auto;
	margin-right:auto;
}
.TableFrame .Label
{
	background-color:#999;
	color:white;
	text-align:left;
	font-weight:normal;
}
.TableFrame .Label a { color:#FFF; }

.TableFrame .Text
{
	background-color:#EEE;
	text-align:left;
}

/* For Centering */
.CenteringFrame		{ text-align:center;	/* for IE */ }
.CenteringContent	{ text-align:left; margin-left:auto; margin-right:auto; }

/* Defined Style Sets */
.StyledTable				{ background-color:#000; }
.StyledTable .Label			{ background-color:#CFC; font-weight:normal; }
.StyledTable .Text			{ background-color:#FFF; }
.StyledTable .StyledTableInner th,
.StyledTable .StyledTableInner td,
.StyledTable .Text			{ padding:5px 6px; }

.SortableHeader					{ padding:0 !important; }
.SortableHeader div.Sort_-		{ padding:3px; }
.SortableHeader a				{ padding:3px; color:white !important; text-align:center; }
.SortableHeader a:active		{ color:#fff; background-color:#888; }
.SortableHeader a:hover			{ color:#fff; background-color:#888; }
.SortableHeader .Sorted a:active{ color:#000 !important; background-color:#ccc; }
.SortableHeader .Sorted a:hover	{ color:#000 !important; background-color:#ccc; }
.SortableHeader .Sorted a		{ color:#000 !important; background-color:#ccc; }

.note						{ border:1px solid black; background-color:#CEF; margin:10px 3px 3px 3px; }
.note .note-title			{ padding:3px; text-align:center; font-weight:bold; color:white; background-color:#999; }
.note .note-text			{ padding:5px; }
.note .more					{ padding:5px; text-align:right; font-weight:bold; }

.PagePos					{ font-size:8pt; width:560px; margin:auto; }
.PagePosInfo				{ width:150px; float:right; }
.PagePosMap					{ }
.PagePosMap td				{ cursor:pointer; }
.PagePosMap .mpMapCurrent,
.PagePosMap .mpMapPage		{ padding:0px 2px; }
.PagePosMap .mpMapPrev span,
.PagePosMap .mpMapNext span,
.PagePosMap .mpMapFirst span,
.PagePosMap .mpMapLast span { visibility:hidden; }
.PagePosMap .mpMapCurrent	{ font-weight:bold; }

.ErrMsgShowTipHelp
{
	border:1px solid #666;
	background-color:#FCC;
	display:block;
	padding:3px;
}
.ErrorList		{ margin:1em; padding:0px; }
.ErrorList li	{ margin:0px; padding:0px; }


.Roolover button	{ background-color:transparent; border:0px none; }
.Roolover button,
.Roolover a		 	{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:100%;
}
.Roolover a:link,
.Roolover a:visited	{ text-decoration:none; }
.Roolover a:hover button,
.Roolover a:hover	{ text-decoration:none; background-position:left bottom; }
.Roolover a span	{ display:none; }

.DropDownButton		{ margin-left:2px; cursor:pointer; }

object > span,
object#PageTitle > img { display:none; }