@import url('layout.css');
@import url('environment.css');

body {
	color: #666;
	font-family: Tahoma,Verdana,Arial;
	font-size: 12px;
}

a {
	color: #1CAFC0;
	font-size: 12px;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
		color: #177D89;
	}

h1 {
	color: #F7CC37;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

h2 {
	color: #5B89B7;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
}

li {
	padding-bottom: 5px;
}

img {
	border: 0px;
}

#footer .content {
	font-size: 11px;
	margin: auto;
	padding: 5px;
	text-align: center;
	width: 1024px;
}

#toptoolbar {
	background-color: #155798;
}

	#toptoolbar a {
		color: #72DEFE;
		text-decoration: none;
	}

		#toptoolbar a:hover {
			text-decoration: underline;
		}

	#toptoolbar .page-margin {
		min-height: 32px;
		padding: 0 5px 0 5px;
	}

	#toptoolbar #logo {
		float: left;
		margin-top: 2px;
	}

		#toptoolbar #logo img {
			height: 45px;
		}

	#toptoolbar #appinfo {
		float: left;
		margin-left: 10px;
		margin-top: 2px;
		width: 305px;
	}

		#toptoolbar #appinfo ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#toptoolbar #appinfo ul li {
				color: #ccc;
				font-size: 14px;
			}

				#toptoolbar #appinfo ul li:first-child {
					color: #72DEFE;
					padding: 0;
				}

	#toptoolbar #usermenu {
		float: right;
		padding: 8px 0px 6px 0px;
	}

		#toptoolbar #usermenu #time {
			float: left;
			font-size: 12px;
			color: #ececec;
			margin-right: 20px;
		}

		#toptoolbar #usermenu #welcome {
			float: left;
		}

			#toptoolbar #usermenu #welcome > span {
				color: #fafafa;
				font-size: 12px;
			}

/* AJAX progress */
img.progress {
	position: absolute;
	top: -1000px;
}

input.readonly {
	border: 0;
}

table.form tr {
	height: 30px;
}

table.form .col1 {
}

table.form .col2 {
	padding-left: 5px;
}

/* IE9, FF3.5 ... */
table.form > tbody > tr > td:nth-child(1), table.form > tr > td:nth-child(1) {
}

table.form > tbody > tr > td:nth-child(2), table.form > tr > td:nth-child(2) {
	padding-left: 5px;
}

ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.menu li {
		display: inline;
		margin-right: 10px;
	}

		ul.menu li a {
			font-size: 16px;
			color: #333;
			text-decoration: none;
			padding: 8px 18px 8px 18px;
			line-height: 30px;
		}

			ul.menu li a:hover, ul.menu li a.selected {
				background-color: #fff;
				color: #F7CC37;
				padding: 8px 18px 8px 18px;
			}

			ul.menu li a.selected {
				font-weight: bold;
				font-size: 16px;
			}

.actiontoolbar-top {
	text-align: right;
	margin-bottom: 0px;
}

.actiontoolbar-bottom {
	text-align: right;
	margin-top: 20px;
}

/* hide the arrow generated by the dropdown control extender */
.ajax__dropdown_arrow, .ajax__dropdown_arrow_image {
	visibility: hidden;
}

.ajaxLoadingTemplate {
	background-color: Gray;
	filter: alpha(opacity=20);
	opacity: 0.7;
	cursor: wait;
}

.buttons {
	text-align: right;
	width: 100%;
}

.clear {
	clear: both;
}

.countdown strong, .countdown-warning strong, .countdown-alert strong {
	font-size: 16px;
	padding-right: 2px;
}

.countdown-warning, .countdown-alert {
	color: Red;
}

.countdown-alert {
	text-decoration: blink;
}

.dataform {
	margin-top: 5px;
}

.dataform-header {
	margin-bottom: 10px;
}

.dataform-header-left {
	float: left;
}

.dataform-header-right {
	float: right;
	margin-top: 5px;
}

	.dataform-header-right .dataform-actions {
		text-align: right;
	}

	.dataform-header-right .dataform-status {
		margin: 8px 0 0 0;
		text-align: right;
	}

.dataform-menu-wrapper {
	background-color: #E7F0F3;
	padding-left: 10px;
	padding-top: 5px;
}

	.dataform-menu-wrapper ul li {
		margin-right: 7px !important;
	}

	.dataform-menu-wrapper a {
		font-size: 14px !important;
		line-height: 29px !important;
		padding: 6px 15px 6px 15px !important;
	}

		.dataform-menu-wrapper a:hover, .dataform-menu-wrapper a:selected {
			padding: 6px 15px 6px 15px !important;
		}

.dataform-menu-toolbar, .menu-toolbar {
	border-bottom: solid 1px #ececec;
	margin: 5px 0 5px 0;
	padding: 3px 0 8px 0;
}

	.dataform-menu-toolbar a, .menu-toolbar a {
		border: solid 1px transparent;
		color: #1CAFC0;
		padding: 5px 8px 5px 8px;
	}

		.dataform-menu-toolbar a:hover, .menu-toolbar a:hover {
			background-color: #FDEEB3;
			border: solid 1px #FDEEB3;
			color: #404040;
			text-decoration: none;
		}

		.dataform-menu-toolbar a.disable:hover {
			background-color: transparent;
			border: solid 1px transparent;
		}

.dataform-body {
	margin-top: 15px;
}

.dialog {
	height: 0;
	visibility: hidden;
}

.dialog-chrome {
	background-color: #fff;
	border: solid 8px #07708D;
}

.dialog-titlebar {
	background-color: #07708D;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

.dialog-content {
	padding: 10px;
}

.dialog iframe {
	width: 100%;
}

.hint {
	color: #07708D;
	font-size: 10px;
	font-weight: normal;
}

.instructions {
	color: #07708D;
	font-size: 14px;
}

.failure {
	color: red;
	font-size: 14px;
	margin: 3px 0 3px 0;
	min-height: 25px;
}

.listview {
	width: 100%;
}

	.listview thead {
		font-weight: bold;
	}

		.listview thead td {
			border-bottom: solid 1px #ececec;
		}

	.listview tr {
		height: 20px;
		vertical-align: top;
	}

		.listview tr.item {
			background-color: #fafafa;
		}

		.listview tr.altitem {
			background-color: #efefef;
		}

	.listview td {
		padding: 5px 5px 5px 5px;
	}

	.listview a.disable {
		text-decoration: none;
	}

.listview-toolbar {
	margin-bottom: 5px;
	text-align: right;
}

.listview-summary {
	padding: 0 5px 0 5px;
}

.listview-pager {
	margin-top: 20px;
}

	.listview-pager .currentpage {
		border: solid 4px #808080;
		font-size: 16px;
		font-weight: bold;
		line-height: 35px;
		padding: 3px 5px 3px 5px;
	}

.menu-toolbar a.selected {
	background-color: #FDEEB3;
	border: solid 1px #FDEEB3;
	color: #404040;
	text-decoration: none;
}

.modal-bg {
	background-color: Gray;
	filter: alpha(opacity=20);
	opacity: 0.7;
}

.navbar {
	background-color: #E7F0F3;
}

.popup {
	background-color: #fff;
	border: solid 1px #606060;
	padding: 5px;
	visibility: hidden;
}

.propgrid .col1 {
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: top;
	width: 180px;
}

.propgrid .col2 {
	padding: 0 0 5px 10px;
	vertical-align: top;
}

/* IE9, FF3.5 ... */
.propgrid > tbody > tr > td:nth-child(1), .propgrid > tr > td:nth-child(1) {
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: top;
	width: 180px;
}

.propgrid > tbody > tr > td:nth-child(2), .propgrid > tr > td:nth-child(2) {
	padding: 0 0 5px 10px;
	vertical-align: top;
}

.propgrid-sidebyside {
	width: 100%;
}

	.propgrid-sidebyside .left {
		padding-bottom: 20px;
		vertical-align: top;
		width: 50%;
	}

	.propgrid-sidebyside .right {
		padding-bottom: 20px;
		vertical-align: top;
	}

	.propgrid-sidebyside .sectiontitle {
		width: 450px;
	}

.required {
	color: #5B89B7;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	position: relative;
}

.sectiontitle {
	color: #5B89B7;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}

.spmenu-box {
	background: url('../img/drop-arrow.gif') no-repeat 92% 55%;
	border: solid 1px transparent;
	color: #72DEFE;
	padding: 4px 20px 4px 4px;
}

.spmenu-dropdown {
	background-color: #fff;
	background-image: url('../img/spmenu-dropdown-bg.jpg');
	background-repeat: repeat-y;
	border: solid 1px #999;
	position: absolute;
	text-align: left;
	top: -1000px;
	width: 310px;
	z-index: 10000;
}

.spmenu-items {
	padding: 2px;
}

.spmenu-sep {
	border-bottom: solid 1px #c5c5c5;
	margin: 2px 4px 2px 49px;
}

.spmenu-item .text, .spmenu-item .desc {
	margin-left: 45px;
}

.spmenu-item .text {
	color: #5B89B7;
	font-weight: bold;
}

.spmenu-item a:link, .spmenu-item a:visited {
	background: transparent;
	border: solid 1px transparent;
	color: #333 !important;
	display: block;
	padding: 5px;
}

* html .spmenu-item a {
	width: 100%;
}

.spmenu-item a {
	color: #000;
	text-decoration: none;
}

	.spmenu-item a:hover {
		background-color: #FFF7D4;
		border: solid 1px #666;
		color: #333 !important;
		text-decoration: none !important;
	}

.sortedcolumn {
	background-color: #FFEBC1;
}

.text-right {
	text-align: right;
}

.topmenu {
	margin-left: 12px;
	padding-top: 10px !important;
}

.watermark {
	color: #666;
	font-style: italic;
}

.StepStyle {
	padding: 10px;
}

.AMPSuspendedMessageBox {
	color: red;
	width: 30%;
	border-style: solid;
	border-color: red;
	margin-left: 390px;
	padding: 5px;
}

.AMPSuspendedMessageBox2 {
	color: red;
	border-style: solid;
	border-color: red;
	padding: 5px;
	width: 100% !important;
}