@import "Ext/ext-all.css";
@import "Base.20054.css";
@import "Icons.20054.css";

div.content h2 {
}
table {
	border-collapse: collapse;
}
.x-panel-btns-ct,
.x-panel-btns-ct table td.x-panel-btn-td {
	padding: 3px 0px;
}
div.header {
	background: url(LogOn/Header.gif) repeat-x;
	height: 40px;
	padding-left: 15px;
	padding-top: 7px;
	white-space: nowrap;
}
div.header img,
div.header span {
	float: left;
}
div.header span.text {
	color: #1370AB;
	font-size: 18px;
	float: left;
	font-weight: normal;
	margin: 0px 0px 10px 10px;
}
div.content {
	margin: 10px 10px 0px 10px;
}

body,
html {
	background: #9abade;
	height: 100%;
}
div#form {
	background: #9abade url(LogOn/Form.gif) repeat-x;
	height: 100%;
	margin: 0px;
	padding: 0px;
	_text-align: center;
}
div.topMenuBackground {
	background: url(LogOn/TopMenu.gif);
	height: 65px;
	left: auto;
	position: absolute;
	right: 0px;
	top: 180px;
	width: 55%;
}
div.topLogoBackground {
	background: url(LogOn/TopLogoBg.gif) repeat-x;
	height: 100px;
	position: absolute;
	left: 0px;
	text-align: right;
	top: 147px;
	min-width: 200px;
	width: 45%;
}
div.topLogo {
	background: url(LogOn/TopLogo.gif) no-repeat right top;
	right: -20px;
	position: absolute;
	width: 200px;
}
div.topLogo img {
	margin-right: 10px;
	margin-top: 0px;
	position: relative;
}
div.dialog {
	margin: auto;
	position: relative;
	top: 147px;
	width: 410px;
}
img.mainTopLeftCornerImage,
span.mainTopLeftCornerImage {
	left: 9px;
	position: absolute;
	top: 67px;
	z-index: 2;
}
img.mainTopRightCornerImage,
span.mainTopRightCornerImage {
	position: absolute;
	right: 9px;
	top: 67px;
	z-index: 2;
}
div.main {
	padding-top: 67px;
}
table.main {
	position: relative;
	width: 100%;
}
table.main td.center {
	background: White;
	padding-top: 0px;
	vertical-align: top;
}
table.main td.center div.center {
	border-top-color: #83aae0;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 0px;
}
table.main td.left {
	background: url(LogOn/LeftShadow.gif);
	padding-top: 0px;
	vertical-align: top;
	width: 10px;
}
table.main td.right {
	background: url(LogOn/RightShadow.gif);
	padding-top: 0px;
	vertical-align: top;
	width: 10px;
}
tr.bottom td.center {
	background: url(LogOn/BottomShadow.gif);
}
tr.bottom td.center img {
	height: 13px;
}
tr.bottom td.left {
	background: url(LogOn/MainBottomLeft.jpg) no-repeat;
}
tr.bottom td.right {
	background: url(LogOn/MainBottomRight.jpg) no-repeat;
}

/* StatusBar */
table.statusBar {
	height: 22px;
}
table.statusBar td.darkSeparator {
	background: url(LogOn/StatusBarDarkSeparator.gif) repeat-x;
}
table.statusBar td.lightSeparator {
	background: url(LogOn/StatusBarLightSeparator.gif) repeat-x;
}
table.statusBar td.darkSeparator img,
table.statusBar td.lightSeparator img {
	width: 2px;
}
table.statusBar td.darkItem,
table.statusBar td.lightItem {
	color: #1b396f;
	font-size: 11px;
	padding: 1px 7px 0px 5px;
	vertical-align: middle;
	white-space: nowrap;
}
table.statusBar td.darkIcon,
table.statusBar td.darkItem {
	background: url(LogOn/StatusBarDarkItem.gif) repeat-x;
}
table.statusBar td.darkIcon,
table.statusBar td.lightIcon {
	padding-left: 5px;
	_padding-top: 2px;
}
table.statusBar td.darkIcon img,
table.statusBar td.lightIcon img {
	float: left;
	margin-top: 1px;
}
table.statusBar td.filler {
	width: 100%;
}
table.statusBar td.filler,
table.statusBar td.lightIcon,
table.statusBar td.lightItem {
	background: url(LogOn/StatusBarLightItem.gif) repeat-x;
}