.test
{
	border:2px solid red;
}

.test2
{
	border:2px solid #08f;
}

/* global */
body
{
	font-family:Arial;
	font-size: 11px;
	margin:0;
	background-color:#b5dbf3;
	background-image:url('Images/bg.main.png');
	background-repeat:no-repeat;
	z-index:-10;
}

a
{
	font-weight:bold;
}

a:link, a:visited
{
	color:#37f;
	text-decoration:none;
}

a:hover
{
	color:#ff8000;
}

table
{
	border:0;
	margin:0;
	padding:0;
}

td
{
	font-size:11px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}

input, select, file, textarea
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	border:1px solid #444;
	margin:0;
	padding:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

/* common */
.Even
{
	background-color:#ffffff;
}

.Odd
{
	background-color:#f4f4f4;
}

.stretch
{
	width:100%;
	height:100%;
}

/* widgets */
.ButtonBase
{
	color:#000;
}

.Button
{
	display:inline-block;
	background-color:#fff;
	border:1px solid #000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	width:100;
	margin:0 1 0 1;
	padding:2;
	padding-left:8;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	-moz-box-shadow: -2px -2px 0px rgba(0,0,0,0.2) inset;
}

.ButtonOver
{
	background-color:#adf;
}

.ButtonHelp
{
	display:inline-block;
	color: #000;
	padding:0 4 0 4;
	font-size:14;
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
	background-color:#fff;
	cursor:pointer;
	border:1px solid #888;
	-webkit-border-radius:10;
	-moz-border-radius:10;
	-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.2) inset;
	-webkit-border-radius:8;
}

.ButtonHelpOver
{
	background-color:#adf;
}

.Icon
{
	display:block;
	margin:20;
}

.ToolTip
{
	font-weight:normal;
	display:none;
	background:#ffffe1;
	border:solid black 1px;
	padding:4 6 4 6;
	margin:0 0 6 0;
	cursor:pointer;
	text-align:left;
	-webkit-border-radius:6;
	-moz-border-radius:6;
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 2px #000;
}

.EnumDrop
{
	border:1px solid #e0e0e0;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	background-color:#fcfcfc;
	margin:0;
	padding:6;
}

/* inputs */
.iEnumStatus
{	
	font-size:1px;
	width:10;
	height:10;
	border:1px solid #000000;
	padding:4;
	margin-right:2;
}

.iFloatStatus
{
	font-weight:normal;
	display:none;
	position:absolute;
	background:orange;
	border:solid black 1px;
	padding:5px;
	cursor:default;
}

.iGridBox
{
	display:inline-block;
	font-size: 13px;
	font-weight:bold;
	margin:1px;
	padding:0px;
	color:#08f;
	border:1px solid #ddd;
	border-right-color:#000;
	border-bottom-color:#000;
	background-color:#fff;
	width:19px;
	height:19px;
	text-align:center;
	cursor:pointer;
	font-family:Verdana;
}

.iGridBoxRo
{
	color:#808080;
	background-color:#f0f0f0;
	cursor:default;
}

.iGridCaption
{
	display:inline-block;
	font-size:10px;
	padding:0px;
	font-weight:normal;
}

.iGridCaptionTop
{
	width:21px;
	text-align:left;
	vertical-align:bottom;
}

.iGridCaptionLeft
{
	white-space:nowrap;
	height:19px;
	width:19px;
	text-align:right;
	padding-right:1px;
}

/* table control */
.ctTable
{
	padding:0;
	background-color:#ffffff;
	border: 1px solid #c8c8c8;
	border-width: 1;
}

.ctCaption a:link, .ctHeader a:visited
{
	display: block;
	color: #000000;
	padding: 1;
	font-weight:normal;
	text-decoration: none;
	white-space:nowrap;
	background-color:#f8f8f8;
	cursor:pointer;
	border:1px solid #808080;
	border-right:0px;
	border-top:0px;
 }

.ctCaption a:hover, .ctHeader a:active
{
	color: #000000;
	background-color:#adf;
}

.ctCell
{
	font-weight:bold;
	white-space:nowrap;
	margin:0;
	padding:0 5 0 0;
	vertical-align:bottom;
}

.ctBulk
{
	background-color:#d0d0d0;
	padding-bottom:2;
}

.ctEmpty
{
	background-color:#d0d0d0;
	padding-bottom:2;
}

.ctDrop
{
	display:block;
	text-decoration: none;
	padding:1;
	border:1px solid #d0d0d0;
	width:40px;
	text-align:center;
}

.ctDrop a:link, .ctHeader a:visited
{
	color:#000;
	width:40px;
}

.ctDrop a:hover, .ctHeader a:active
{
	color:#000;
	background-color:#fe0;
}

.ctDropContent
{
	text-align:left;
}

/* object control */
.coTable
{
	padding:0;
	background-color:#ffffff;
	margin:7;
}

.coCaption
{
	color: #000000;
	padding:0 12 0 1;
	white-space:nowrap;
	vertical-align:top;
}

.coCell
{
	padding:1;
	font-weight:bold;
	white-space:nowrap;
}


/* containers */
.cPanel
{
	text-align:left;
	background-color:#fff;
	border:1px solid #000;
/*	position:relative; */
	padding:0;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px #000;
}

.cPanelContents
{
	padding:2;
	text-align:center;
}

.cPanelHeaderTitle
{
	padding:2 20 2 8;
	white-space:nowrap;
	font-size:16px;
	font-weight:bold;
	background-color:#fff;
	border-bottom:1px solid #000000;
	-webkit-border-top-left-radius:11;
	-moz-border-radius:11 0 0 0;
}

.cPanelHeaderButtons
{
	background-color:#fff;
	border-bottom:1px solid #000000;
	padding:3;
	text-align: right;
	-webkit-border-top-right-radius:11;
	-moz-border-radius:0 11 0 0;
}

.cLayout
{
	position:relative;
	margin:8px;
}

.cLayoutContainer
{
	margin:8px;
}

textarea.cliOutput
{
	font-family:monospace;
	font-size:11px;
	font-weight:normal;
	white-space:pre;
	text-align:left;
	background-color:#eee;
	border:1px solid #000;
}

/* forms */
.formStatus
{
}

/* tab menu left */
.tmHeader
{
	width:170;
	vertical-align:top;
	text-align:right;
	position:relative;
	z-index:1;
}

.tmContent
{
	border:1px solid #000;
	background-color:#eee;
	position:relative;
	z-index:2;
	-webkit-border-radius:17;
	-moz-border-radius:17;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px #000;
}

.tmTab
{
	color:#000;
	background-color:#eee;
	border:1px solid #000;
	cursor:pointer;
	text-align:left;
}

.tmTab0
{
	border:1px solid #000;
	font-size:16px;
	font-weight:bold;
	width:150;
	border-right:0px;
	padding:2 0 2 10;
	-webkit-border-top-left-radius:9;
	-webkit-border-bottom-left-radius:9;
	-moz-border-radius:9 0 0 9;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5), 0px -3px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 3px 3px 3px #000;
}

.tmTab1
{
	font-size:14px;
	width:130px;
	border-top:0;
	border-right:0;
	padding:0 5 0 5;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px #000;
}

.tmTabOver
{
	background-color:#adf;
}

.tmTabOverOn
{
	background-color:#adf;
	font-weight:bold;
}

.tmTabOn
{
	background:#fff;
	font-weight:bold;
}

.tmHeaderTop
{
	background-color:#e0e0e0;
	vertical-align:bottom;
	text-align:left;
	font-weight:bold;
	padding-left:12;
	height:60;
	-webkit-border-top-left-radius:16;
	-webkit-border-top-right-radius:16;
	-moz-border-radius:16 16 0 0;
	z-index:1;
}

.tmContentTop
{
	border:1px solid #000;
	background-color:#eee;
	border-bottom:0;
	border-left:0;
	border-right:0;
	position:relative;
/*	position:relative; */
	z-index:5;
}

.tmTabTop
{
	font-size:16px;
	border-bottom:0;
	padding:2 30 2 8;
	display:inline-block;
	margin-left:0px;
	-webkit-border-top-left-radius:9;
	-webkit-border-top-right-radius:9;
	-moz-border-radius:9 9 0 0;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5), -3px 0px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 3px 3px 3px #000;
}

.tmHeaderMini
{
	vertical-align:bottom;
	text-align:left;
	font-weight:bold;
	padding-left:12;
	padding-top:4;
	z-index:1;
}

.tmContentMini
{
	padding:8px;
	border:1px solid #bbb;
	background-color:#fff;
	position:relative;
	z-index:5;
}

.tmTabMini
{
	border:1px solid #bbb;
	font-size:10px;
	border-bottom:0;
	padding:1 10 1 4;
	display:inline-block;
	margin-left:0px;
}

/* main */
.loHeader
{
	width:800px;
	text-align:right;
}

.loHeaderStatus
{
	font-weight:bold;
	background:#fff;
	margin-top:5;
	margin-bottom:6;
	text-align:left;
	border:1px solid #000;
	padding:4 8 4 8;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px #000;
}

.loHeaderLink
{
	border-top:1px solid #000;
	font-weight:bold;
	font-size:12px;
	background-color:#fff;
	margin-bottom:6;
	text-align:left;
	border:1px solid #000;
	padding:1 8 1 8;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px #000;
}

.loLogo
{
	margin:10px;
}

.loBodyPanel
{
	position:relative;
	top:200;
	display:inline-block;
}