@charset "utf-8";
/**
* @author: Amazing Derrick Sey
* @email:  amazingderrick@gmail.com
* @style:  Layout purpose. EduLink - Virtual Research Unit
* @All rights reserved 2009
* @CSS Document 
*/
/************************* body section *********************************/
body
{
	margin: 0px;
	background:#e5e5e5 url(../images/bg_body.gif) repeat;	
	font-family:Arial, Helvetica, sans-serif;
	color:#36424a;
	font-size:12px;
	}
	*
	{
		margin:0px;
		padding:0px;
		}
		div.container
		{
			width: 900px;
			margin: 0 auto;
			border-left:solid 1px #e7e7e7;
			border-right:solid 1px #e7e7e7;
			background-color:#FFF;
			}
			div.rowholder
			{
				width: 900px;
				float:left;
				background-color:#FFF;
				}
/************************* classes & selectors & tag section **********************************/
div.lft
{
	float:left;
	}
	.info {
		border:solid 1px #C1A661;
		background-color:#F5F5F5;
		padding:5px;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		}
		.info img
		{
			padding-right:15px;
			padding-top:5px;
			}
			input:focus, select:focus, textarea:focus 
			{
				background-color:#FFFFDD;
				border:solid 1px #8C070A;
				}
				.warning_box 
				{
					border:solid 1px #CCC;
					background-color:#FFFFCC;
					padding:5px;
					color:#666666;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					font-weight:bold;
					}
					.warning_box img
					{
						padding-right:15px;
						padding-top:5px;
						}
/************************* header section *********************************/
div.header
{
	height: 116px;
	background:#fff url(../images/bg_header3.jpg) no-repeat top center;
	}
	div.headerleft
	{
		width: 240px;
		height: 86px;
		}
		div.headermiddle
		{
			width:430px;
			height:86px;
			}
			div.headerright
			{
				width:220px;
				height:86px;
				}
			/********* menu section *********/
			div.menu
			{
				height: 30px;
				width: 880px;
				margin:0px 10px 0px 10px;
				}
				div.menuleft
				{
					height: 30px;
					width: 10px;
					background:#000 url(../images/bg_menu_left.jpg) no-repeat top left;
					}
					div.menuright
					{
						height: 30px;
						width: 10px;
						background:#000 url(../images/bg_menu_right.jpg) no-repeat top right;
						}
						div.mainmenu
						{
							height: 30px;
							width: 860px;
							background:#000 url(../images/bg_menu.jpg) repeat-x top left;
							}
/***************************** logo section ******************************/
div.logo
{
	width: 211px;
	height: 51px;
	margin: 18px 15px 20px 17px;
	display: inline;
	float: left;
	background-image:url(../images/qrm_logo.jpg);
	}
	div.logo a
	{
		width: 211px;
		height: 51px;
		float: left;
		}
		div.logo span
		{
			position: absolute;
			margin-left: -9999px;
			}
			/************************** qrm theme section **********************/
			div.qrmtheme
			{
				width: 419px;
				height: 47px;
				margin: 18px 5px 16px 5px;
				display: inline;
				float: left;
				background-image:url(../images/qrm_theme.jpg);
				
				}
/******************************** search form *****************************/
form.search
{
	width:185px;
	height:20px;
	float:right;
	text-align:right;
	margin:35px 20px 27px 21px;
	}
	form.search #qboxh 
		{
			background:url(../images/bg_search.jpg) no-repeat;
			width:185px;
			height:24px;
			padding:0;	
			}
	form.search #qbox 
	{
		background:transparent;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:0px;
		color:#666;
		width:140px;
		height:17px;
		padding:0px 28px 0px 5px;	
		margin:2px 15px 1px 0px;
		}
#fac a { 
	color:#8C070A; 
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}
#fac p {
	padding:5px;
	}
#fac img{
	padding:5px;
	float:left;
	padding-right:8px;
}


/*********************************** content section **********************************/
div.content
{
	margin-left:-1px;
	border-left:solid 1px #e7e7e7;
	border-right:solid 1px #e7e7e7;
	}
	div.contentleft
	{
		width:620px;
		margin:10px 0px 0px 10px;
		}
		div.contentright
		{
			width:250px;
			margin:10px 10px 0px 10px;
			}
			/**************** home section *********************/
			div.welcomepic
			{
				width:600px;
				height:160px;
				margin:2px;
				/*background: url(../images/wel_pic.jpg) no-repeat left center;*/
				}
				div.welcomepic span
				{
					position: absolute;
					margin-left: -9999px;
					}
					div.content h1
					{
						font-family:Arial, Helvetica, sans-serif;
						font-size:22px;
						color:#921515;
						padding:5px;
						}
						div.content p
						{
							line-height:20px;
							text-align:justify;
							}
							div.content ol 
							{
								margin-left:80px;
								}
								div.content li 
								{
									font-size:15px;
									font-weight:bold;
									color:#A97434;
									list-style-type:decimal;
									margin-bottom:15px;
									}
									div.content h2
									{
										font-family:Arial, Helvetica, sans-serif;
										font-size:18px;
										color:#921515;
										padding:5px;
										}
										div.hub
										{
											width:310px;
											height:200px;
											float:left;
											text-align:center;
											}
											div.hub p
											{
												text-align:center;
												}
												div.hub a
												{
													font-size:12px;
													color:#C02;
													text-decoration:none;
													}
													div.hub a:hover
													{
														text-decoration:underline;
														}
														div.keyhub
														{
															width:125px;
															height:150px;
															float:left;
															text-align:center;
															font-size:11px;
															background-color:#FFF;
															}
															div.keyhub p
															{
																text-align:center;
																}
																div.keyhub a
																{
																	font-size:12px;
																	color:#C02;
																	text-decoration:none;
																	}
																	div.keyhub a:hover
																	{
																		text-decoration:underline;
																		}
																		
																			div.keyhub img
																			{
																				padding:2px;
																				border:none;
																				height:50px; 
																				width:50px;
																				}
																				div.content ol.lis
																				{
																					margin-left:80px;
																					}
																					div.content ol.lis li 
																					{
																						font-size:12px;
																						font-weight:normal;
																						color:#333;
																						list-style-type:decimal;
																						margin-bottom:8px;
																						text-align:justify;
																						}
/******************************** right side bar/call to action section	*******************/
div.calltoaction
{
	width:250px;
	background-color:#F6F6F6;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	}
	div.calltoaction h3
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#921515;
		padding-left:20px;
		padding:5px;
		border-bottom:solid 1px #ccc;
		background-color:#FFF;
		}
		div.calltoaction ul 
		{
			margin-left:30px;
			}
			div.calltoaction li 
			{
				list-style-type:none;
				list-style-image:url(../images/list_img.jpg);
				margin-bottom:10px;
				}
				div.calltoaction li a
				{
					font-size:12px;
					font-weight:normal;
					color:#0066AB;
					text-decoration:none;
					}
					div.calltoaction li a:hover
					{
						text-decoration:underline;
						}
						div.keyhub h3
						{
							font-size:11px;
							text-decoration:none;
							border:0px;
							color:#333;
							}
/******************************** Login/Register section ***************************************/
div.customerlogin{
	width: 300px;
	height: 200px;
	float: left;
	margin-left: 5px;
	margin-bottom: 35px;
	border-right:solid 1px #e8e8e8;
	}
	div.customerreg
	{
		width: 300px;
		height: 200px;
		float: left;
		margin-left: 5px;
		margin-bottom: 35px;
		}
			div.customerlogin h3
				{
					font-size:16px;
					display:block;
					margin:0;
					padding:0;
					}
					div form.callform
					{
						margin:0;
						padding:0;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color: #666;
						line-height:25px;
						margin-left:15px;
						}
						div form.callform input.box
						{
							border:solid 1px silver;
							padding:1px;
							width:180px;
							height:18px;
							}
							div form input.btn
							{
								padding: 5px;
								background-color:#FFFFDD;
								border:solid 1px #8C070A;
								}
								div form.callform small
								{
									font-size:10px;
									}
									/**************** registration form ********************/
									div.register
										{
											width: 600px;
											float: left;
											padding-left: 45px;
											margin-bottom: 35px;
											}
											div.row 
											{
												margin-bottom:5px;
												display:block;
												}
												div.col
												{
													width:250px;
													height:35px;
													float:left;
													}
													div.col2
													{
													width:250px;
													height:75px;
													float:left;
													}
													span.required
													{
														font-size:11px;
														color:#F90;
														font-weight:bold;
														}
														div.colhead
														{
															width:500px;
															height:35px;
															float:left;
															}
															div.colhead h3
															{
																font-size:13px;
																display:block;
																border-bottom:solid 1px #8C070A;
																margin-bottom:10px;
																}
/******************************* funds & sponsors section *****************************/
div.contentbottom
		{
			height:145px;
			margin-top:15px;
			background-color:#F4F4F4;
			}
			div.contentbottom h2
			{
				color:#921515;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				padding:5px;
				margin:0px;
				}
				div.contentbottom p
				{
					color:#333;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					text-align:justify;
					margin:0px 7px 7px 7px;
					background-color:#FFF;
					}
/******************************** footer & partners logo section *************************/
div.clr
{
	clear:both;
	height:0px;
	}
	div.footer
	{
		margin: 0 auto;
		width:900px;
		height:225px;
		margin-bottom: 10px;
		}
		div.partners
		{
			height:200px;
			border-left:solid 1px #e7e7e7;
			border-right:solid 1px #e7e7e7;
			margin-left:-1px;
			}
			div.partnerlogos
			{
				height:150px;
				}
				div.partners img
				{
					padding-top:10px;
					padding-bottom:10px;
					border-top:solid 1px #e7e7e7;
					border-bottom:solid 1px #e7e7e7;
					}
					div.partners h3
					{
						padding-left:110px;
						text-align:left;
						font-size:13px;
						font-weight:bold;
						margin-bottom:5px;
						}
						div.footerb
						{
							height:25px;
							background: url(../images/bg_footerb.jpg) no-repeat left center;
							margin-left:-1px;
							}
							div.footer center
							{
								padding-top:5px;
								font-size:10px;
								color:#999;
								}
.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}