* html .masterheader, * html {
}

a, a:visited {
	text-decoration: none;
}

a:hover, input {
	color: #FF0000;
}

form {
    width: 100%;
}

body {
	background: #FFFFFF;
	font: "Segoe UI", Segoe, sans-serif;
	margin: 0;
	padding: 0;
}

input {
	font: bold small "Segoe UI",Segoe,sans-serif;
	text-align: right;
}

.inactive {
	border-style: none;
	background-color: transparent;
}

.active {
	border-style: 2px;
	background-color: expression("white");
}

th {
	text-align: center;
}

.gridview .actions div {
}

.gridview {
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.gridview td.ccName {
	width: 400px;
	text-align: left;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 5px 4px;
	text-align: center;
}

.gridview td a{
	color: #0066CC;
	font: bold small "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}

.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}

.gridview th {
	background: #0F1C78;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 20px;
}

.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}

.gridview th a:hover{
	color: #FFFF00;
}

.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}

.gridview tr.odd td,.detailsview tr.odd td{
	background: #DDDDFF;
}

.gridview tr.header {
	background: #C5DBF7;
	text-align: center;
}

.gridview { 
	width: 100%;
}

.masterheader {
    color: #0F1C78;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	position: relative;
	width: 100%;
}

.masterheader h2 {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin: 0;
}

.masterheader td {
	text-align: center;
}

.progress {
	color: red;
	float: left;
	font: bold small "Segoe UI", Segoe, sans-serif;
	left: 10px;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
}

.buttons {
	margin-top: 10px;
	display: none;
	float: left;
}

button.exit {
	margin-left: 20px;
	width: 60px;
}

button.submit {
	width: 60px;
}

button.edit {
	width: 111px;
}

.editDisabled {
	background-color: #990033;
	color: white;
	width: 111px;
}

.editSubmitted {
	background-color: #3300FF;
	color: white;
	text-decoration: none;
	width: 111px;
}

.saveCancel {
	display: none;
}

.save {
	width: 45px;
}

.cancel {
	width: 62px;
}

#dhtmltooltip{
	background-color: lightyellow;
	border: 1px solid black;
	font-family: "Segoe UI";
	font-size: 14px;
	padding: 10px;
	position: absolute;
	visibility: hidden;
	width: 150px;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.UserID {
	text-align: left;
}

.masterheader {
	display: block;
}

.authenticator {
	display: block;
}

.mainform {
	display: none;
}

.shadow, .gridDiv, mainDiv {
	position: relative;
	bottom: 6px;
	right: 6px;
}

.mainDiv {
	background-color: white;
	border-collapse: collapse;
	border: 1px solid gray;
	left: 6px;
}

.menuDiv {
	background-color: #CCCCFF;
	position: absolute;
	left: 6px;
}

.workArea {
	background-color: #FFFFDD;
}

.shadow {
	background-color: #555555;
	color: inherit;
	display: none;
}

.gridDiv {
	background-color: white;
	border-collapse: collapse;
	border: 1px solid gray;
}

.UserIDSpan {
	margin-bottom: 6px;
}

.UsersGuide {
	cursor: hand;
	font-weight: bold;
	margin: 2px;
	padding: 4px;
}

.TestSystem {
	color:  #FF0000;
	font-weight: bold;
}

.Content {
	margin-left: 16px;
	margin-right: 16px;
}

td {
	padding: 8px;
}