/*-------------------------------------------*/
/* CSS Document                              */
/* Authored By: Angelo Beltran               */
/*              design@angelobeltran.com     */
/*-------------------------------------------*/


/*-- initialize page --*/
* {margin:0; padding:0;}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
    background-image:url(img/Diagonal-3x3.gif); 
}	
p {
	line-height:2em;
	font-size:.8em;
}
h1 {font-size:1.5em;}
h2 {
	font-size:.8em;
	margin-top:20px;
	padding:10px 0;
	border-top:1px solid #FFF;
}
h3 {
	font-size:.7em;
	font-weight:normal;
	margin-bottom:20px;
}
a {outline:none;}
a img {border:none;}
/*-- end initialize page --*/

/*-- label widths --*/
div#contactDetailsW label {width:150px;}
div#dobW label {width:150px;}
div#jobInterestW label {width:300px;}
div#availW label {width:150px;}
div#eduW label {width:90px;}
div#historyW label {width:150px;}
/*-- end label widths --*/

/*-- refList --*/
div#refList ul{
	margin:20px 0 10px 0;
	font-size:.8em;
}
	div#refList li {
		list-style-type:none;
		float:left;
		width:140px;
	}
/*-- end refList --*/

/*-- form wrapper --*/
div#formWrap {
	width:774px;
	margin:20px auto;
	padding: 5px;
	text-align:left;
	background-color:#F00;
	border:4px solid #FFF;
}
/*-- end form wrapper --*/

/*-- employmentForm --*/
div#employmentForm {
	margin-top:10px;
	padding:10px;
	background-color:#0FF;
}
	div#employmentForm label {
		padding:2px 6px 6px 10px;
		float: left;
/*--		width:300px; --*/
		text-align:right;
	}
	div#employmentForm input {
		border:1px solid;
		font-size:.9em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	div#employmentForm textarea {
		border:1px solid;
		font-family:.7em Verdana, Arial, Helvetica, sans-serif;
	}
	div#employmentForm select {
		border:1px solid #000;
	}

.submitButton {
	color:#FFF;
	background-color:#F00;
	font-size:1em;
	padding:4px;
}
/*-- end employmentForm --*/

/*-- Toolbox --*/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth{clear:both;}
/*-- The Alsett Clearing Method --*/
.clearfix:after {       
    content: ".";       
    display: block;        
    height: 0;        
    clear: both;        
    visibility: hidden;
}
	
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}        
.clearfix {display: block;}        
/*-- end Alsett Clearing Method --*/
/*-- end Toolbox --*/

/*-- quick format --*/
.white {
	color:#FFF;
}
/*-- end quick format --*/

/*-- small wrap --*/
.smallWrap {
	float:left;
	padding: 10px;
}
/*-- end small wrap --*/