/* this is the new main style sheet - others will be removed */

.pageTitle {
	color: #3366CC;
	font-family: Arial Narrow,Arial;
	font-size: 20px;
}

.pageSubTitle {
	width: 100%;
	background-color: #3366CC;
	color: #ffffff;
	font-family: Arial Narrow,Arial;
	font-size: 16px;
	text-align: left;
	padding: 3px;
	border-bottom: 2px solid #D5DDF4;
}

.pageDescription {
	font-family: Arial;
	font-size: 12px;
	line-height: 130%;
}

.requiredField {
	width: 390px;
	height: 20px;
	padding: 3px;
	background-color: #B9CAEE;
	border-bottom: 1px solid #3366cc;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
}

.normalField {
	width: 390px;
	height: 20px;
	padding: 3px;
	background-color: #DDDDDD;
	border-bottom: 1px solid #999999;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
}

.inputText {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	width: 350px;
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.inputTextArea {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	width: 350px;
	height: 52px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.inputTextSm {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	width: 130px;
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}


.inputSelect {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.orderSelect {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.inputSelectOption {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.inputSelectOptionActive {
	font-family: Arial;
	font-size: 12px;
	color: #3366cc;
}

.inputSelectTool {
	background-color: #cccccc;
	border: 1px solid #cccccc;
	height: 22px;
	font-family: Arial;
	font-size: 9px;
	color: #333333;
}
.inputSelectOptionTool {
	font-family: Arial;
	font-size: 9px;
	color: #333333;
	background-color: #cccccc;
}


.formTip {
	width: 200px;
	padding: 5px;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	border: 1px solid #dfdfdf;
	line-height: 130%;
}

#mmForm TABLE {
	border-collapse: collapse;
	border: 0;
}

#mmForm TD {
	padding: 3px;
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

#mmTable TABLE {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

#mmTable TD {
	padding: 3px;
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #cccccc;
}

#mmTable TH {
	height: 20px;
	padding: 3px;
	background-color: #B9CAEE;
	border-bottom: 1px solid #3366cc;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border-right: 1px solid #D5DDF4;
	vertical-align: bottom;
}

.vtext {
	writing-mode: tb-rl;
	filter: flipv fliph;
}
	
#mmTable TD.mainCell {
	width: 100%;
}
#mmTable TD.actionCell {
	background-color: #eeeeee;
}
#mmTable TD.addCell {
	text-align: right;
}


.submitButton {
	background-color: #B9CAEE;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	border-top: 1px solid #999999;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #849FE1;
	border-right: 1px solid #6286D9;
}

#plus {
	margin-right: 5px; 
	background-color: #efefef; 
	width: 10px; 
	text-align: center; 
	display: inline; 
	border: 1px solid #3366cc;
	color: #3366cc;
}

#minus {
	margin-right: 5px; 
	background-color: #efefef; 
	width: 10px; 
	text-align: center; 
	display: inline; 
	border: 1px solid #3366cc;
	color: #3366cc;
}

	.ready, #tabularData td.ready {
		background-color: #FFFF99;
		color: #000000;
		text-align: center;
	}

	#tabularData td.ready {
		border: 1px solid #FFCC33;
	}

	.done, #tabularData td.done {
		background-color: #DAF3E4;
		color: #000000;
		text-align: center;
	}

	.doneTick, #tabularData td.doneTick {
		text-align: center;
	}
	
	#tabularData td.done {
		border: 1px solid #62CC8C;
	}
	
	.todo, #tabularData td.todo {
		background-color: #FDE8CF;
		color: #000000;
		text-align: center;
	}
	#tabularData td.todo {
		border: 1px solid #F79824;
	}

	.overdue, #tabularData td.overdue {
		background-color: #FFD1D1;
		color: #ff0000;
		text-align: center;
	}
	#tabularData td.overdue {
		border: 1px solid #FF6464;
	}


	.todo_agency, #tabularData td.todo_agency {
		background-color: #FFCAE4;
		color: #000000;
		text-align: center;
	}
	#tabularData td.todo_agency {
		border: 1px solid #FF99CC;
	}

	A.done, A.ready, A.todo_agency.	A.overdue, A.todo {
		color: #000000;
		text-decoration: none;
	}
	A.overdue {
		color: #ff0000;
		text-decoration: none;
	}

	
	.verticalHeading {
		writing-mode: tb-rl; filter: flipv fliph;
	}