@charset "utf-8";
/* CSS Document */

/*-----------------
	Global Define
------------------*/


ul, li, ol {}

img{border:none;}
a{
	outline:none;
}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/*-----------------------------
	End of Global Define
-------------------------------*/
/*-------------------
	MainContainer
---------------------*/
#mainContainer{
	width:auto;
	background: url(../images/main-container.gif) repeat-x left top;
}

/*-------------------
	Login
---------------------*/

#Login{
	position:absolute;
	width:586px;
	height:290px;
	margin-left:-293px;
	margin-top:-145px;
	left:50%;
	top:50%;
	background:url(../images/login-bg.gif) no-repeat left top;
}

	#Login img.login-PDRM-logo{
		padding:35px 0 0 16px;
		float:left;
	}
	
		#Login .loginContent{
			float:left;
			margin:43px 0 0 6px;
			width:257px;
		}
			#Login .loginContent h1{
				font-size:18px;
				color:#eb9a19;
				text-align:center;
				margin-bottom:10px;
			}
			
				#Login .loginContent fieldset{
					border:1px solid #f9e7a4;
					border-right:none;
					border-left:none;
					margin:10px;
					margin-bottom:5px;
					padding:10px 0;
				}
				
					#Login .loginContent fieldset legend{
						display:none;
					}
				
				#Login .loginContent fieldset ul{
					font-size:11px;
					margin-bottom:8px;
				}
				
					#Login .loginContent fieldset ul li{
						padding:10px;
						background-color:#fffbec;
						margin-bottom:4px;
						color:#2294d2;
					}
					
						#Login .loginContent fieldset ul li label{
							width:75px;
							float:left;
							margin-right:12px;
							_margin-right:7px;
							text-align:right;		
							display:block;
							margin-top:2px;
						}
						
						#Login .loginContent fieldset ul li input{
							font-size:11px;
						}
				
				
			#Login .loginContent a{
				font-size:10px;
				float:left;
				margin:0 0 10px 107px;
				color:#f5a21e;	
			}	
			
				#Login .loginContent a:hover{
					text-decoration:none;
				}
						
/*-------------------
	Login button
---------------------*/	
	#Login .loginContent fieldset .buttonHolder{
		height:23px;
		margin-left:97px;
	}
	
		#Login .loginContent fieldset .buttonHolder span.blueBtn{
			background:url(../images/login-btn.gif) no-repeat left top;
			height:22px;
			float:left;
		}

			#Login .loginContent fieldset .buttonHolder span.blueBtn input{
				background:url(../images/login-btn.gif) no-repeat right top;
				border:none;
				display:block;
				height:22px;
				color:#fffce3;
				font-size:11px;
				font-weight:bold;
				padding:0 8px 4px 8px;
			}
			
		html* #Login .loginContent fieldset .buttonHolder span.blueBtn input{
				padding:0 8px 0 8px;	
			}
			
			
/*---------------
	Header
---------------------*/
	#mainContainer #header{
		height:63px;
		background:url(../images/header-bg.png) no-repeat left top;
	}

		#mainContainer #header h1{
			float:left;
		}
			
			#mainContainer #header h1 a{
				background:url(../images/logo.png) no-repeat left 2px;
				height:63px;
				width:225px;
				display:block;
				text-indent:-3000px;
				margin:0 0 0 20px;
			}
		
/*----------------------------------------
	Header - welcome and Logout Section
---------------------------------------------*/	
	#mainContainer #header .welcome{
		background: url(../images/welcome-main.gif) repeat-x right top;
		height:21px;
		margin-right:5px;
		float:right;
		width:auto;
		_width:100px;
	}
	
				#mainContainer #header .welcome-left{
						background: url(../images/welcome-left.gif) no-repeat left top;
						height:21px;
				}
				
				#mainContainer #header .welcome-right{
						background: url(../images/welcome-right.gif) no-repeat right top;
						height:21px;
				}
				
				#mainContainer #header .welcome-txt{
						padding:4px 10px;
						font-size:10px;
						color:#2890c1;
						text-align:right;
						_width:100px;
						white-space:nowrap;
				}
				
					#mainContainer #header .welcome-txt a{
						margin-left:7px;
						background:url(../images/logout-icon.gif) no-repeat left 3px;
						padding:4px 0 4px 15px;
						color:#2890c1;
					}
					
					#mainContainer #header .welcome-txt a:hover{
						text-decoration:none;
					}

/*----------------------------------------
	Header - Menu Tabs
---------------------------------------------*/	
		
	#mainContainer #header .tabsMenus ul{
		position:absolute;
		margin-right:3px;
		right:0;
		top:35px;
	}
	
		#mainContainer #header .tabsMenus ul li{
			float:left;
			margin-left:2px;
			background:url(../images/tab-menu-bg.gif) no-repeat left top;
			display:block;
			margin-top:4px;
		}
		#mainContainer #header .tabsMenus ul li.selected{
			margin-top:0;
			background:url(../images/tab-menu-selected-bg1.gif) no-repeat left top;
		}
		
				#mainContainer #header .tabsMenus ul li.selected a{
					background:url(../images/tab-menu-selected-bg2.gif) no-repeat right top;
					font-weight:bold;
					color:#f6a21c;
					padding-left:30px;
					height:32px;
					#line-height:30px;
					line-height:32px;
				}

		
			#mainContainer #header .tabsMenus ul li a {
				background:url(../images/tab-menu-bg.gif) no-repeat right top;
				display:block;
				height:24px;
				float:left;
				color:#fff;
				padding:0 10px;
				line-height:24px;
				#line-height:24px;
				text-decoration:none;
			}
			
			#mainContainer #header .tabsMenus ul li a:hover {
				text-decoration:underline;
			}
			
/*----------------------------------------
	End of Header Section
---------------------------------------------*/		

/*----------------------------------------
	Content Section
---------------------------------------------*/	

#mainContainer	.content{
	margin:20px 33px 25px 47px;
}

h2 {
	font-size:11px;
	margin-bottom:8px;
}

/*-------------------
	Orange table
---------------------*/
	#mainContainer	.content .orange, #register .orange{
		border:1px solid #f4d846;
		padding:1px;
		margin-bottom:6px;
		background-color:#fefce3;
		padding-bottom:6px;
	}
	
	
	
	#register .orange{
		paddi ng:10px;
		border:none;
	}
	#select{
		height:auto;
	}
	#select .orange{
		border:1px solid #f4d846;
		margin-bottom:6px;
		background-color:#fefce3;
		padding:1px;
	}
	
		#select .orange p{
			text-align:center;
			font-size:10px;
			margin-bottom:15px;
		}
		
		#select .border-none{
			border:none;
			background:none;
		}
		
		
		#mainContainer	.content .orange h2, #register .orange h2, #select .orange h2{
			height:22px;
			background-color:#f2d498;
			color:#000;
			line-height:22px;
			padding-left:5px;
			width:auto;
		}
		
	#mainContainer	.content .orange table.tbl_orange{
		background-color:#fefce3;
		color:#0d5f8e;
		font-size:11px;

	}
	
		#register .orange table.tbl_orange, #select .orange table.tbl_orange{
			color:#0d5f8e;
			font-size:11px;
		}
		#mainContainer	.content .orange table.tbl_orange tr td, #select .orange table.tbl_orange tr td{
			padding:0 6px 5px 0;
		}
		
			#mainContainer	.content table.tbl_orange tr.bgcolor, #select table.tbl_orange tr.bgcolor{
			}
			
				#mainContainer	.content table.tbl_orange tr.bgcolor td, #select table.tbl_orange tr.bgcolor td{
					padding:6px 0 6px 4px;
					#padding:3px 0 2px 4px;
				}
			
				#register .orange table.tbl_orange tr td, #select table.tbl_orange tr td{
					font-size:10px;
					padding:0 6px 6px 0;
				}
		
			#mainContainer	.content .orange table.tbl_orange tr td input, 
			#mainContainer	.content .orange table.tbl_orange tr td select,
			#mainContainer	.content .orange table.tbl_orange tr td textarea, 
			#register .orange table.tbl_orange tr td input, 
			#register .content .orange table.tbl_orange tr td select, 
			#register .orange table.tbl_orange tr td textarea
			#select .orange table.tbl_orange tr td input, 
			#select .content .orange table.tbl_orange tr td select, 
			#select .orange table.tbl_orange tr td textarea{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				padding:1px 2px 1px 2px;
			}
			
			#mainContainer .content .orange table.tbl_orange tr td label, #select .orange table.tbl_orange tr td label{
				font-size:11px;
			}

			#mainContainer	.content .orange table.tbl_orange tr td input.upload, #register	.orange table.tbl_orange tr td input.upload, #select .orange table.tbl_orange tr td input.upload{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				padding:1px 2px 1px 2px;
				border:1px solid #a88000;
				background-color:#fbd045;
			}
			
			#register .orange table.tbl_orange tr td input, #select .orange table.tbl_orange tr td input{
				width:282px;
				font-size:10px;
				line-height:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			#select .orange table.tbl_orange tr td input{
				width:auto;
			}
			
			#register .orange table.tbl_orange tr td input.width-auto, #select .orange table.tbl_orange tr td input.width-auto{
				width:auto;
			}
			
			#register .orange table.tbl_orange tr td select, #select .orange table.tbl_orange tr td select{
				width:289px;
				font-size:11px;
			}
			
			#mainContainer .content .orange table.tbl_orange tr td input.browse, #register .content .orange table.tbl_orange tr td input.browse, #select .content .orange table.tbl_orange tr td input.browse{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				padding:1px 2px 1px 2px;
				height:19px;
			}


/*-------------------
	Register button
---------------------*/	
	#mainContainer .buttonHolder, #register .buttonHolder, #select .buttonHolder{
		height:23px;
		margin-bottom:22px;
	}
	
	#mainContainer .linkHolder{
		height:23px;
		margin-bottom:22px;
	}
	
	#mainContainer .linkHolder a{
		color:#fa9c11;
		margin-right:5px;
	}
	
	#mainContainer .linkHolder a:hover{
		text-decoration:none;
	}
	
	#select .winpopup{
		text-align:center;
		padding-left:110px;
	}
	

	
	#register .buttonHolder{
		marg in-bottom:22px;
	}
	
		#mainContainer .buttonHolder span.orangebtn, #register .buttonHolder span.orangebtn, #select .buttonHolder span.orangebtn{
			background:url(../images/orange-btn.gif) no-repeat left top;
			height:22px;
			float:left;
			margin-right:10px;
		}
		
		#register .buttonHolder span.orangebtn{
			margin:-3px 0 0 10px;
		}

			#mainContainer .buttonHolder span.orangebtn input, #register .buttonHolder span.orangebtn input, #select .buttonHolder span.orangebtn input{
				background:url(../images/orange-btn.gif) no-repeat right top;
				border:none;
				display:block;
				height:22px;
				color:#fffce3;
				font-size:11px;
				font-weight:bold;
				padding:0 8px;
			}
			
			
/*-------------------
	Blue table
---------------------*/


	#mainContainer	.content .blue, #select .blue{
		border:1px solid #8fb6d7;
		padding:1px 0 1px 1px;
		margin-bottom:6px;
	}
	
		#mainContainer	.content table.tbl_blue, #select table.tbl_blue{
			background-color:#f6fafd;
			font-size:11px;
			color:#000;
			text-align:left;
		}
		
			#mainContainer	.content table.tbl_blue th, #select table.tbl_blue th{
				background-color:#b1d4fe;
				color:#00619e;
				padding:5px 0 5px 4px;
				border-right:1px solid #fff;

			}
				#mainContainer	.content table.tbl_blue tr.altTable, #select table.tbl_blue tr.altTable{
					background-color:#e5ecf2;
				}
				
				
					#mainContainer	.content table.tbl_blue tr td, #select table.tbl_blue tr td{
						padding:5px 0 5px 4px;
						border-right:1px solid #fff;
					}
					
					#mainContainer	.content table.tbl_blue tr td input, #select table.tbl_blue tr td input{
						font-size:11px;
						padding-left:2px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					
					#mainContainer	.content table.padding3-px tr td, #select table.padding3-px tr td{
						padding:5px 0 5px 4px;
						border-right:1px solid #fff;
						#padding:2px 0 2px 4px;

					}
					
				
						#mainContainer	.content table.tbl_blue tr td a, #select table.tbl_blue tr td a{
							color:#000;
						}
						
						#mainContainer	.content table.tbl_blue tr td a:hover, #select table.tbl_blue tr td a:hover{
							text-decoration:none;
						}
		
/*-------------------
	blue button
---------------------*/	
	#mainContainer .buttonHolder,
	#mainContainer .levels .buttonHolder, #select .buttonHolder{
		height:23px;
		margin-bottom:22px;
	}

	#mainContainer .levels .buttonHolder{
		margin-top:10px;
		margin-bottom:0;
	}
	
		#mainContainer .buttonHolder span.blueBtn,
		#mainContainer .levels .buttonHolder span.blueBtn, #select .buttonHolder span.blueBtn{
			background:url(../images/blue-btn.gif) no-repeat left top;
			height:22px;
			float:left;
		}
		
		#select .buttonHolder span.blueBtn{
			margin-right:10px;
		}

			#mainContainer .buttonHolder span.blueBtn input,
			#mainContainer .levels .buttonHolder span.blueBtn input, #select .buttonHolder span.blueBtn input{
				background:url(../images/blue-btn.gif) no-repeat right top;
				border:none;
				display:block;
				height:22px;
				color:#fffce3;
				font-size:11px;
				font-weight:bold;
				padding:0 8px;
			}
			
			#mainContainer .levels .buttonHolder span.blueBtn input.width160{
				width:160px;
				#width:150px;
			}
			
			#mainContainer .levels .buttonHolder span.blueBtn input.width120{
				width:120px;
			}
			
	#mainContainer .levels .buttonHolder span.float-right{
		float:right;
	}
	#mainContainer .levels .buttonHolder span.float-left{
		float:left;
	}
			
	.selectDoc a{
		color:#000;
		margin:0 0 0 7px;
		background:url(../images/delete-icon.gif) no-repeat left top;
		padding-left:15px;
	} 
	
		.selectDoc a:hover{
			text-decoration:none;
		}
		
				.selectDoc .delDocument-input{
			/*position:relative;
			
			padding:0;*/
			margin:0 3px 0 0;
			float:left;
			#margin:0;
			top:1px;
			
		}	
			html* .selectDoc .delDocument-input{
				margin-top:2px;
				#margin:0;
			}
			.selectDoc .delDocument-label{
			/*	line-height:18px;
				width:auto;
				margin:0 0 0 2px;
				#margin:1px 0 0 0;
				float:left;
				padding:0;
				white-space:nowrap;*/
				float:left;
				#line-height:20px;
				width:auto;
				white-space:nowrap;
				text-align:left;
			}

		

/*---------------------------------------------
	Blue Section-- Create to Project Review
-----------------------------------------------*/
#mainContainer .content .blueSection{
		border:1px solid #a0bfea;
		padding:1px;
		margin-bottom:6px;
		padding-bottom:6px;
	}
	
		#mainContainer .content .blueSection h2{
			height:22px;
			background-color:#a0bfea;
			color:#000;
			line-height:22px;
			padding-left:5px;
			width:auto;
		}
		
			#mainContainer .content .blueSection textarea{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
			}
		
			#mainContainer .content .blueSection .levels{
					float:left;
					margin:6px 0 6px 13px;
					width:289px;
		}
		
			
			
				#mainContainer .content .blueSection .levels h3{
					color:#000;
					font-size:11px;
					margin-bottom:2px;
				}
				#mainContainer .content .blueSection .levels .levelContent{
					border:1px solid #a0bfea;
				}

					#mainContainer .content .blueSection .levels fieldset{
						border:1px solid #fff;
						background:#f5f8fd;
						padding:10px 8px 10px 10px;
						font-size:11px;
						color:#14638c;
					}
					
						#mainContainer .content .blueSection .levels fieldset span{
							font-size:10px;
							display:block;
							margin:0 8px 5px 0;
						}
						
						#mainContainer .content .blueSection .levels fieldset textarea{
							width:259px;
							height:118px;
						}
						
						#mainContainer .content .blueSection .levels fieldset span a{
							color:#14638c;
						}
						
						#mainContainer .content .blueSection .levels fieldset span a:hover{
							text-decoration:none;
						}
					
						#mainContainer .content .blueSection .levels fieldset ul li{
							margin-bottom:12px;
						}
						
							#mainContainer .content .blueSection .levels fieldset ul li label{
								width:140px;
								display:block;
								float:left;
								text-align:right;
								padding-top:3px;
								margin-right:4px;
							}
					
						#mainContainer .content .blueSection .levels fieldset select{
							font-size:11px;
						}
					
						#mainContainer .content .blueSection .levels fieldset legend{
							display:none;
						}
						
					#mainContainer .content .blueSection table.RegReviews{
						color:#14638c;
					}
					
					#mainContainer .content .blueSection table.RegReviews p{
						margin-bottom:8px;
						}
					
					#mainContainer .content .blueSection table.RegReviews label{
						display:block;
						float:left;
						color:#14638c;
						margin:0 4px 0 12px;
					}
					
					#mainContainer .content .blueSection table.RegReviews textarea{
						width:280px;
						height:72px;
						font-size:11px;
					}
					
					#mainContainer .content .blueSection table.RegReviews input.width40px{
						width:40px;
						font-size:11px;
					}
					
						#mainContainer .content .blueSection table.RegReviews a{
							color:#14638c;
						}
						
						#mainContainer .content .blueSection table.RegReviews a:hover{
							text-decoration:none;
						}
		
/*---------------------------------------------
	End of Blue Section-- Create to Project Review
-----------------------------------------------*/


/*-------------------
	Utility
---------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.width98{
	width:98px;
}

.width150{
	width:150px;
}

.hrule{
	background:url(../images/hr-bg.gif) repeat-x left top;
	height:3px;
	margin-bottom:12px;
}

.hrule-orange{
	background:url(../images/hr-bg-orange.gif) repeat-x left top;
	height:3px;
	margin:0 6px 12px 6px;
}

.hrule hr, .hrule-orange hr  {
	display:none;
}

.project-rev-results-txtArea{
	height:88px;
	width:301px;
}

html* .project-rev-results-txtArea{
	height:88px;
	width:302px;
}

.project-rev-results-txtfld{
	width:301px;
}

.marginLeft12{
	margin-left:12px;
}

.project-rev-comments-txtArea{
	width:400px;
	height:88px;
}

.background-none{
	background:none;
}

.width120{
	width:120px;
}

html* .height5{
	height:1px;
	#height:5px;
}

.floatLeft{
	float:left;
}

.label{
	line-height:14px;
	#line-height:18px;
	padding-right:20px;
}

html* .label{
	line-height:10px;
}

.calender{
	padding-left:3px;
}

.bgcolor{
	background:#fef3c3;	
}

.width83{
	width:83px;
}

.width90{
	width:90px;
}

.calender-blue{
	margin-top:1px;
	padding-left:4px;
}

.width300{
	width:300px;
}

.width200{
	width:200px;
}

.padding-left130px{
	padding-left:85px;
}

#mainContainer	.content .margin-bottom-top{
	margin:12px 0 32px 0;
	
}

