/* Example Mark Up

  i. Positioning

 ii. Size

iii. Decoration

*/



/*
-------------------------------------------*/

					

.content {
	font-family: Arial; !important
	font-size: 11px; !important
	line-height: 30px;
	}
	
	/* SOME UNIVERSALS */
	.content input {
		font-size: 11px;
		}
			
	#titleBar {			
		float: left;
		display: inline;
		
		padding: 6px 0px 0px 0px;	
		height: 23px;
				
		text-align: center;
		background-color: #505050;
		color: #ffffff;
		font-size: 12px;
			
		}
						
		.firstLeft {
			float: left;
			display: inline; 
			
			margin: 0px 0px 0px 13px;
			
			width: 422px;
			
			background: #F7FCD3;		
			color: #505050;

			}
			
			
			.firstLeft #titleBar {
				width: 422px;				
				}
				
			.firstLeft .form {
				float: left;
				display: inline;
								
				padding: 0px 10px 0px 10px;
				
				font-size: 11px;
				line-height: 26px;
				text-align: left;
				}
				
				.firstLeft .form p {
					float: left;
					display: inline;
					
					height: 20px;
					padding: 0px 0px 1px 0px;
					
					width: 408px;
					}
				
				.firstLeft .arrow {
					padding: 9px 4px 0px 1px;
					}
				
				
			
		.firstRight {
			float: left;
			display: inline;
			
			margin: 0px 0px 3px 27px;
			padding: 0px 0px 0px 0px;
			width: 422px;
			border: 1px solid #F2FCFE;
			
			background: #FFFFFF;
			color: #505050;
			}
			
			.firstRight .form {
				float: left;
				display: inline;
				
				padding: 0px 0px 0px 0px;
				
				text-align: left;
				font-size: 11px;
				line-height: 30px;
				}
				
				/* Kill all natural styling for paragraphs inside the top-right form.*/
				.firstRight .form p {
					float: left;
						
					
					padding: 0px 0px 0px 8px;
					width: 414px;
					height: 24px;
					}
				
				.firstRight .form p#tall {
					height: 57px;

					}
					
				.firstRight .form p.odd {
					background: #D9F6FC;

					}
		
			
 		/* Text boxes for firstLeft and firstRight */
			.firstLeft .form input.text {
					float: left;
					
					width: 396px;
					height: 15px;
					
					border-top: 1px solid #e3e9c5;
					border-bottom: 1px solid #e3e9c5;
					}
					
			.firstRight .form input.text {
					float: left;
					margin: 4px 0px 0px 0px;
					
					border-top: 1px solid #D9E3E4;
					border-bottom: 1px solid #D9E3E4;

					width: 396px;
					height: 15px;
					}
					
			/* rounded corners for .firstRight text inputs*/
			.firstRight .form p img {
					padding: 4px 0px 0px 0px;
					height: 17px;
					}
		
		
		
		/* Yes/No Questions*/
			.form span.question {
					float: left;
					
					width: 284px; /* so long questions don't drop the checkboxes to the next line */
					}
					
		/* Yes/No Check Boxes */
			.form span.check {
					float: right;
					
					margin: 0px 5px 0px 0px;
					}
					
		/* Multiple Choice Check Boxes */
			.form span#multChoice {
					padding: 0px 14px 0px 0px;
					}
		
	
	
	/*
	  end of firstLeft and rightLeft area
		--------------------------------------------------------
		--------------------------------------------------------
		--------------------------------------------------------
	  beginning of 4 Description blocks
	*/
		
		
		.descriptions {
			float: left;
			margin: 27px 15px 0px 13px;
	
			width: 422px;
			height: 238px;
			
			background: #D9F6FC;		
			color: #505050;
			text-align: left;
			font-size: 11px;
			
			display: inline;
			
			}
			
			/* added jan26 for apply email formatting */
			.descriptions b {
				float: left;
				padding: 10px;
				}
			
		#descriptionsRight {
		
			}
			
	
			.descriptions #titleBar {								
				width: 422px;
				}

			
			.descriptions textarea {
				float: left;
				
				margin: 18px 0px 0px 24px;
				padding: 0px;
				width: 370px;
				height: 169px;
				
				border: 1px solid black;
				
				overflow: hidden;
				
				display: inline;
				}
		
	/*
	  end of 4 Description Blocks
		--------------------------------------------------------
		--------------------------------------------------------
		--------------------------------------------------------
	  beginning of Reference Rectangle
	*/		
		
		
		.references {
			float: left;
			display: inline;
			
			margin: 27px 0px 0px 10px;
			
			width: 877px;		
			
			font-size: 11px;	
			}
			
			
			.references .titlebar td {
				height: 23px;
				padding: 7px 0px 7px 7px;
				
				text-align: center;
				background-color: #505050;
				color: #ffffff;
				font-size: 12px;
				
				border-bottom: 0px;
				}
				
			.references .one td {
				border-top: 0px;
				border-bottom: 1px solid #e55f56;
				}
				
			.references td {
				border-left: 1px solid white;
				border-bottom: 1px solid white;
				background: #F7FCD3;
				}
			
			.references .five td {
				height: 5px;
				}
			
			.references .number {
				width: 4%;
				}
				
			.references .name, .references .tel {
				width: 30%;
				padding: 0px 0px 0px 4px;
				}
				
				
			
			
			.references .time, .references .ocupa {
				width: 17%;
				padding: 0px 0px 0px 4px;
				}
				
				.references .time input, .references .ocupa input{
					width: 135px;					
				}
				
		
				.references input {
					float: left;
					margin: 2px 0px 0px 0px;
					
					width: 250px;
					height: 15px;
					
					border-top: 1px solid #e3e9c5;
					border-bottom: 1px solid #e3e9c5;
				}
				
				
				.references img {
					margin: 2px 0px 3px 0px;
					}
				
				
		/* EDUCATION TABLE */
			
		.education {
			float: left;
			display: inline;
			
			margin: 27px 0px 0px 13px;
			
			width: 872px;		
			
			font-size: 11px;
			text-align: left;
			color: #ffffff;
			}
			
	
			.education ul {
				float: left;
				list-style: none;
				}
				
				/* for job application email jan25 2008 */
				.education ul b {
					color: black;
					}
				
				.education li {
					float: left;
					padding: 5px 0px 0px 0px;
					
					height: 22px;
					
					border-top: 2px solid white;
					border-left: 2px solid white;
					background: #D9F6FC;
					}
				
			/* some properties for the Education Arrow */
			.education .arrow {
				padding: 3px 5px 0px 0px;
				}
				
			/* some properties for the top row */
			.education ul li.one {
				height: 23px;
				
				font-size: 12px;
				color: #ffffff;
				background-color: #505050;
				}
				
			/* some properties for the input boxes */
			.education input {
				float: left;
				border-top: 1px solid #D9E3E4;
				border-bottom: 1px solid #D9E3E4;
				}
				
			/* some properties for inputs and imgs in .education */
			.education img {
				float: left;
				}
			
			.education input {
				height: 16px;
				}
				
			/* begin first UL */			
			.education ul.first {				
				width: 126px;
				
				background-color: white;
				font-size: 12px;
				text-align: left;
				}
			
				
				.education ul.first li {
					width: 92px;
					
					background-color: #505050;
					padding-left: 34px;
					 
					border-left: 0px;
					/* These settings are only here to keep these li's aligned with the other ul's li's*/
					border-bottom: 1px solid white;
					border-top: 1px solid white;
					margin: 1px 0px 0px 0px;
					}
				
				.education ul.first li.one {
					width: 106px;
					border-bottom: 1px solid #ffffff;
					
					/* These settings are only here to eliminate the settings above to "keep these li's aligned with the other ul's li's" */
					border-top: 0px;
					margin: 0px;
					
					padding-left: 20px;		
					}
		
			
			/* begin second UL */
			
			.education ul.second {
				width: 305px;
			}
			
				.education ul.second li {
					margin: 1px 0px 0px 0px;
					width: 299px;
										
					padding-left: 4px;
					}
				
				.education ul.second li.one {
					border-bottom: 0px;
					border-top: 0px;
					margin: 0px;
					
					padding-left: 47px;
					width: 256px;
					}
					
					.education ul.second input {
						width: 284px;
						}
			
			/* begin third UL */
			.education ul.third {
				width: 180px;
				}
				
				.education ul.third li {
					margin: 1px 0px 0px 0px;
					width: 174px;
										
					padding-left: 4px;	
					}
					
				.education ul.third li.one {
					width: 142px;
					border-bottom: 0px;
					border-top: 0px;
					
					margin: 0px;
					
					padding-left: 36px;
			
					}
				
					.education ul.third li input {
						width: 160px;
						}
				
				/* begin fourth UL*/
				.education ul.fourth {
					width: 129px;
					}
					
					.education ul.fourth li {
						width: 115px;
						margin: 1px 0px 0px 0px;
						
						padding-left: 12px;	
						}
						
					 .education ul.fourth li.one {
					 	width: 118px;
						margin: 0px;
											 	
					 	border-bottom: 0px;
						border-top: 0px;
						
						padding-left: 9px;
						}
						
						.education ul.fourth li input {
							width: 94px;
							}
				
				
				/* begin fifth UL */
				.education ul.fifth {
					width: 129px;
					}
					
					.education ul.fifth li {
						width: 116px;
						margin: 1px 0px 0px 0px;
							
						border-right: 1px solid white;
						
						padding-left: 12px;
						}
						
					.education ul.fifth li.one {	
						width: 114px;					
					 	border-bottom: 0px;
						border-top: 0px;
						margin: 0px;
						
						padding-left: 14px;
						}
						
						.education ul.fifth li input {
							width: 92px;
							}
				
				/* end Education div*/


		/* begin WORK HISTORY */
		#workTitleBar {
					float: left;
					display: inline;
					
					padding: 5px 0px 0px 0px;	
					margin: 27px 0px 0px 13px;
					
					width: 870px;
					height: 23px;
					
					text-align: center;
					font-size: 12px;
					background-color: #505050;
					color: #ffffff;
					}
					
			.workHistory {
				float: left;
				display: inline;
				
				margin: 0px 0px 0px 13px;
				padding: 0px 0px 0px 0px;
					
				width: 870px;
			
				background: #F7FCD3;		
				color: #505050;
				font-size: 11px;
				line-height: 26px;
				text-align: left;
				border-bottom: 1px solid red;
				}
		
				

			
				.workHistory .left, .workHistory .right {
					float: left;
					display: inline;
								
					padding: 0px 0px 20px 10px;
					width: 422px;
					}
					
					.workHistory p {
						float: left;
						}
						
					.workHistory .left  p, .workHistory .right p {
						float: left;
						
						width: 420px;
						
						height: 20px;
						padding: 0px 0px 1px 0px;
						}
				
					.workHistory .arrow {
						padding: 9px 4px 0px 1px;
						}

	 
					.workHistory input.text {
						float: left;
					
						width: 412px;
						height: 15px;
					
						border-top: 1px solid #e3e9c5;
						border-bottom: 1px solid #e3e9c5;
						}
					
					.workHistory .left .check {
						float: right;
						
						padding: 0px 17px 0px 0px;
						}
		
				
				.workHistory .right textarea {
					float: left;
					
					height: 162px;
					width: 412px;
					border: 1px solid #e3e9c5;
					}
			
			/* end of work History */
			
			.agreements {
				float: left;
				display: inline;
				
				width: 870px;
				
				margin: 27px 0px 0px 13px;
				font-size: 11px;
				text-align: center;
				}
				
				.agreements #titleBar {
					width: 870px;
					}
				
				.agreements .text {
					float: left;
					display: inline;
					
					margin: 5px 0px 0px 0px;
					
					text-align: center;
					}
					
					.agreements .text p {
						width: 850px;
						}
					
				
				.agreements .agree {
					float: left;
					display: inline;
					
					padding: 20px 0px 0px 399px;
					
					text-align: left;
					}
					
					
					.agreements .agree input {
						float: left;
						}
						
				 .agreements .submit {
					float: left;
					width: 700px;
					}
					
					.agreements .submit input {
						float: left;
						display: inline;
						
						margin: 10px 0px 0px 379px;
						
						border: 1px solid #505050;
						background: #F7FCD3;
						}
						
						.agreements .agree img {
							float: left;
							padding: 7px 0px 0px 0px;
						
							}