.welcomeMSG {
	color:#89C5D9;
	font:12px Arial, Helvetica, sans-serif;
	margin-left:55px;
	margin-bottom:-15px;
	}	

.ContactForm label {
	display:block;
	height:18px;
	margin:0;
	}

.ContactForm .leftCol {
	width:250px;
	float:left;
	}
* html .leftCol {display:inline;}
	
.ContactForm .rightCol {
	width:250px;
	margin-right:70px;
	float:right;
	}
* html .rightCol {display:inline;}

.ContactForm input.box1 {
	width:248px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	margin:0 0 10px 0;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	float:left;
	}

.ContactForm input.box2 {
	width:95px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	margin:0 0 10px 0;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	float:left;
	}


		
.formHR {
	width: 250px;
	height: 10px;
	background: url(../fw/UI-form-divider.jpg) no-repeat top right;
	margin: 5px 0;
	}
	
.dropdown {
	width: 255px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0 0 10px 0;	
	}	
.button {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	width:auto;
   overflow:visible;
   cursor: pointer;
	}	
.save {
	margin: 10px 10px 0 0;
	}
.cancel {
	margin: 10px 0 0 0;
	}
	
/*************************
	HEADER NAVIGATION
*************************/	

#header ul {
    margin:0;
    padding:0;
	padding:10px 10px 0;
    list-style:none;
    }
#header li {
    float:left;
    background:url("left.gif")
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
#header a, #header strong, #header span {
    display:block;
    background:url("right.gif")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
#header #current {
    background-image:url("left_on.gif");
    }
#header #current a {
    background-image:url("right_on.gif");
    padding-bottom:5px;
    }

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
/* End IE5-Mac hack */
 
 	
/*******************
	USER LOGIN ARE
*******************/

#login_box {
    width: 177px;
	color:#FFFFFF;
	margin: 0 auto;
	}
.loginLabel {
	margin-left:3px;
	}
a.forgotPass {
	font: 11px Arial, Helvetica, sans-serif;
	color:#A7D5E4;
	text-decoration:none;
	margin:5px 0 0 3px;
	}	
a.forgotPass:hover {
	text-decoration:underline;
	}
div.inputFieldBG{
	    background: url(../fw/login-field.jpg) no-repeat;

	}
#login_box input.swap_value {
    width: 172px;
	height: 22px;
	color:#003366;
	font: normal 12px Arial, Helvetica, sans-serif;
    padding: 3px 0 0 5px;
    margin: 0 0 4px 0;
    border: 0;
    overflow: hidden;
    background-color: Transparent;
	}
#login_box input.swap_value2 {
    width: 172px;
	height: 22px;
	color:#003366;
	font: normal 12px Arial, Helvetica, sans-serif;
    padding: 3px 0 0 5px;
    margin: 0 0 4px 0;
    border: 0;
	background-color: Transparent;
	}
	
.fieldBox1 {
	padding: 0 15px 10px 0;
	float:left;
	width:250px;
	}	
.fieldBox2 {
	padding: 0 15px 10px 0;
	float:left;
	width: 140px;
	}
.fieldBox3 {
	padding: 0 15px 10px 0;
	float:left;
	width: 205px;
	}
.fieldBox4 {
	padding: 0 15px 10px 0;
	float:left;
	width: 200px;
	}
		
.companyName {
	width:195px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}
.personalName {
	width:130px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.registrationBox1 {
	width:240px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.pageNav {
	float:right;
	height:25px;
	line-height:4em;
	margin-right: 10px;
	}
img.btnGetStarted,
img.btnEmployersSignUp {
	display: block;
	margin-bottom: 20px;
	border-width: 0;
	}

/**************************
	EMP SEARCH RESULTS UI
**************************/

a.empSearchResult:link {
	width: 632px;
	min-height: 140px;
	background: url(../fw/empSearchResult-bg.jpg) repeat-y top left;
	padding:10px;
	margin: 20px 0;
	text-decoration:none;
	border: 1px solid #FFF; 
	display:block;
	}
a.empSearchResult:visited {
	width: 632px;
	min-height: 140px;
	background: url(../fw/empSearchResult-bg.jpg) repeat-y top left;
	padding:10px;
	margin: 20px 0;
	text-decoration:none;
	border: 1px solid #FFF; 
	display:block;
	}
a.empSearchResult:hover {
	text-decoration:none;
	border: 1px solid #ab0d1c; 
	}
a.empSearchResult:active {
	width: 632px;
	min-height: 140px;
	background: url(../fw/empSearchResult-bg.jpg) repeat-y top left;
	padding:10px;
	margin: 20px 0;
	text-decoration:none;
	border: 1px solid #FFF; 
	display:block;
	}		
	
.empSearchPhoto {
	width:118px;
	height:140px;
	border: 1px solid #66757a;
	margin-right:10px;
	float:left;
	}
.empSearchResult{
    border-bottom:1px solid #ADADAD;
    margin:15px 0;
    padding-bottom:15px;
}
.empSearchText1 {
	float: left;
	width: 285px;
	line-height:1.7em;
	margin-right:18px;
	}
	
.empSearchText2 {
	float:left;
	width: 195px;
	line-height:1.7em;
	}
	
/***************************
	BRAGBOOK UI
***************************/

.bragbookButton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	float: right;
	margin-left:5px;
	}	
	
.bragbookColumn1 {
	float:left;
	}

.bragbookColumn1 p {
	margin: 15px 0;
	}

.bragbookColumn2 {
	float:right;
	}
	
.bragbookFieldBox1	{
	width: 325px;
	}

.bragbookColumn1 label {
	display:block;
	margin:15px 0 8px 0;
	}

.bragbookDropDown1 {
	width: 250px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0;
	}
	
.bragbookDropDown2 {
	width: 200px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0;
	}	

.bragbookBox1 {
	width: 300px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0;
	}
	
.bragbookDropDown3 {
	width: 160px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0;
	float:left;
	}

.BragbookRoundedBox {
	background: url(../fw/UI-bragbook-box-Tile.jpg) repeat-y top left;
	width: 282px;
	margin: 0;
	}
.BragbookRoundedBox .BragbookRoundedTop {
	background: url(../fw/UI-bragbook-box-Top.jpg) no-repeat top left;
	padding: 12px 0 0 0;
	}
.BragbookRoundedBox .BragbookRoundedBtm {
	background: url(../fw/UI-bragbook-box-Bottom.jpg) no-repeat bottom left;
	padding: 0 15px 10px 16px;
	width:282px;
	}
	
.BragbookRoundedHeader {
	height:15px;
	margin-bottom:30px;
	}
		
.bragbookViewItems {
	float:left;
	font-weight:bold;
	margin-right:28px;
	line-height:2em;
	}	

.bragbookItem {
	width: 100%;
	height: 15px;
	margin-bottom:8px;
	}
.bragbookItemDate {
	width: 65px;
	font-weight:bold;
	margin-right: 8px;
	float:left;
	text-align:right;
	}
	
.bragbookItemTitle a {
	width:120px;
	text-decoration:none;
	float:left;
	margin-right:10px;
	}
.bragbookItemTitle a:hover {
	text-decoration:underline;
	}
		
.bragbookItemEdit a {
	width:48px;
	text-decoration:none;
	color:#3f7d94;
	float:left;
	}
.bragbookItemEdit a:hover {
	text-decoration:underline;
	}
	
/***************************
	EMP SAVED PROFILES UI
****************************/

.pageNavProfile {
	float:right;
	height:15px;
	width:130px;
	display:block;
	}

.savedProfileResult {
	padding: 22px 0;
	background: url(../fw/UI-border-dotted.jpg) repeat-x bottom left;
	}

.savedProfileResultLast {
	padding: 22px 0;
	background: none;
	}	
	
.profileNameBox {
	width:195px;
	margin-right:15px;
	float:left;
	line-height:1.5em;
	}
.profileNameBox p {
	margin:2px 0;
	padding:0;
	}	
.profileName {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #4a869a;
	}

.profileButton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: 5px 5px 0 0;
	}
	
.profileSummary {
	width: 420px;
	float:right;
	line-height:1.6em;
	}

/********************************
	JS REGISTER UI 
*********************************/

.JSBox2 {
	width: 200px;
	padding: 0 18px 10px 0;
	float:left;
	}

.JSBox3 {
	width: 40px;
	padding: 0 18px 10px 0;
	float:left;
	}

.JSBox4 {
	width: 240px;
	padding: 0 18px 10px 0;
	float:left;
	}
			
.JSfirstName {
	width:200px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.JSmiddleInitial {
	width:40px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}
	
.JSlastName {
	width:200px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.JSColumn1 {
	float:left;
	width:328px;
	}

.JSColumn1 p {
	margin: 15px 0;
	}

.JSColumn2 {
	float:right;
	width:305px;
	}
	
.JSRoundedBox1 {
	background: url(../fw/UI-js-box-Tile1.jpg) repeat-y top left;
	width: 302px;
	margin: 0;
	}
.JSRoundedBox1 .JSRoundedTop1 {
	background: url(../fw/UI-js-box-Top1.jpg) no-repeat top left;
	padding: 8px 0 0 0;
	}
.JSRoundedBox1 .JSRoundedBtm1 {
	background: url(../fw/UI-js-box-Bottom1.jpg) no-repeat bottom left;
	padding: 0 22px 10px 30px;
	width:250px;
	}

.JSRoundedHeader {
	font-weight:bold;
	}

.JSViewItems {
	}		
	
.JSitemTitle {
	margin-top:15px;
	font-weight:bold;
	}
	
.JSitemDetail {
	margin: 15px 0 15px 0;
	}

.JSitemLinks {
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
	}

.JSitemLinkLast {
	padding-bottom:15px;
	margin-bottom:10px;
	}

.JSitemLinks a {
	color:#3d86a6;
	}


.interestsActivities {
	width:300px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}	

/*******************************
	JS EMPLOYMENT UI
*******************************/

.JSEmploymentColumn1 {
	width: 270px;
	float:left;
	}

.JSEmploymentColumn2 {
	width: 360px;
	float:right;
	}

.JSEmploymentFieldBox1 {
	width:248px;
	margin-bottom: 10px;
	}
	
.JSEmploymentBox1 {
	width:248px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}			

.JSEmploymentBox2 {
	width:60px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.JSEmploymentDropDown {
	width: 254px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	}
	
.JSEmploymentLeftBdr {
	width:260px;
	height:1px;
	background:url(../fw/JSEmployment-left-border.jpg) repeat-x top left;
	margin: 15px 0;
	}

.JSEmploymentMessage {
	width:248px;
	height: 150px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}	
	
.JSEmploymentButton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: 0 5px 15px 0;
	}		
	
.JSEmploymentBox {
	background: url(../fw/UI-js-employment-box-Tile.jpg) repeat-y top left;
	width: 358px;
	margin: 0;
	}
.JSEmploymentBox .JSEmploymentTop {
	background: url(../fw/UI-js-employment-box-Top.jpg) no-repeat top left;
	padding: 8px 0 0 0;
	}
.JSEmploymentBox .JSEmploymentBtm {
	background: url(../fw/UI-js-employment-box-Bottom.jpg) no-repeat bottom left;
	padding: 0 22px 10px 20px;
	width:358px;
	}
	
.JSEmploymentCompanyName {
	width: 308px;
	height: 16px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url(../fw/UI-js-employment-company-bg.jpg) no-repeat top left;
	padding: 3px 0 8px 10px;
	margin-top: 14px;
	}
	
.JSEmploymentListing {
	margin-bottom:10px;
	}

.JSCompany {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #990000;
	margin:10px 10px 0 10px;
	padding:0;
	}
	
.JSCompanyLocation {
	margin: 0 10px;
	}	

.JSCompanyDates {
	font-weight:bold;
	margin: 12px 10px;
	}
	
.JSEducationDegree {
	font-weight:bold;
	margin: 12px 0 12px 10px;
	}
.JSEducator {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #40879d;
	margin:10px 10px 0 10px;
	padding:0;
	}	
	
.JSCompanyPosition {
	margin: 0 10px 12px 10px;
	}

.JSCompanyDetails {
	margin: 0 10px 10px 10px;
	width: 305px;	
	}

.JSCompanyLinks {
	width: 322px;
	height: 25px;
	background: url(../fw/UI-js-employment-links-bg.jpg) no-repeat top left;
	padding: 8px 0 0 10px;
	}	
	
/*******************************
	JS GENERAL INFO UI
*******************************/

.JSGeneralTop {
	}
	
.JSGeneralPhoto {
	width: 98px;
	height: 98px;
	border: 1px solid #667675;
	margin-right: 15px;
	float:left;
	}

.JSGeneralTopContent {
	}

.JSGeneralBoxTop1 {
	width:275px;
	margin-bottom: 10px;
	margin-top: 14px;
	float:left;
	}
.JSGeneralBoxTop2 {
	width:200px;
	margin-bottom: 10px;
	padding-left: 50px;
	background: url(../fw/veritical-border-styled.gif) repeat-y top left;
	float:left;
	
	}
.JSGeneralButtonTop {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 5px 5px 5px 0;
	float:left;
	}
		
.JSGeneralFieldBox1 {
	width:260px;
	margin-bottom: 10px;
	float:left;
	}

.JSFieldBoxRight {
	margin-left:22px;
	}	

.JSGeneralFieldBox1 label {
		display:block;
	margin-bottom: 6px;
	}	
.JSGeneralFieldBox2 {
	width:350px;
	margin-bottom: 10px;
	float:left;
	}	

.JSGeneralFieldBox2 label {	
		display:block;
	margin-bottom: 6px;
	}

.JSGeneralBox1 {	
	width:150px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	margin: 5px 8px 0 0;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	float:left;
	}

.JSGeneralBox2 {	
	width:180px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	float:left;
	}

.JSGeneralBox3 {	
	width:80px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	float:left;
	margin:0;
	}

.JSGeneralBox4 {
	width:180px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}
		
.JSGeneralButton1 {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: 5px 5px 5px 0;
	float:left;
	}
	
	.JSGeneralButtonBlink1 {
	background: url(../fw/UI-button-bg1.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#6B2134;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0 10px;
	margin: 5px 5px 5px 0;
	float:left;
	text-decoration:blink;
		}

.JSGeneralURLBox {
	width: 245px;
	overflow:hidden;
	padding: 10px;
	background-color:#E2F1F6;
	float:left;
	}

.JSGeneralURLBox label {	
	display:block;
	margin-bottom: 6px;
	}
	
.JSGeneralURL {
	width:235px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}
	
.JSGeneralDropDowns {
	width: 295px;
	margin: 20px auto;
	}

.JSGeneralListing {
	display:block;
	margin-bottom: 32px;
	width: 320px;
	height: 70px;
	}
		
.JSGeneralListingTitle {
	width: 308px;
	height: 16px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url(../fw/UI-js-employment-company-bg.jpg) no-repeat top left;
	padding: 3px 0 8px 25px;
	margin-top: 14px;
	}
	
.JSGeneralListingDetails {
	margin: 10px 10px 0 10px;
	padding-left: 15px;
	}

.JSGeneralListingLink {
	float:right;
	margin-right:15px;
	}
	
.travelTimeDropDown {
	width: 85px;
	height: 23px;
	color: #0C2533;
	background-color:#F5F7F7;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #63767A;
	margin:0 4px;
	}	
		
/*******************************
	TELL A FRIEND UI
*******************************/

.tellfriendBox {
	margin-bottom:15px;
	}

.tellfriendMessage {
	width:638px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}
	
.tellfriendEmail {
	width:250px;
	height:14px;
	color:#0c2533;
	font-size:12px;
	padding:2px 2px 3px 3px;
	background-color:#F5F7F7;
	border:1px solid #63767A;
	}

.tellfriendButton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: 0 15px 0 0;
	float:right;
	}
	
/******************************
	KEYWORD SEARCH UI
*******************************/

.pageNavKeywordSearch {
	float:left;
	height:15px;
	width:130px;
	display:block;
	margin: 10px 0;
	}
	
.keyword {
	margin:30px 0 15px 0;
	}
	
.keyword a {
	font-weight:bold;
	color: #598fa1;
	text-decoration:none;
	}
.keyword a:hover {
	text-decoration:underline;
	}
	
/******************************
	EMP Education UI
******************************/
div.empEducationResult h1{
    color: #A80F21;
}
.profileViewCount {
	float:right;
	}

.empEducationResult {
	width: 632px;
	min-height: 140px;
	padding:10px;
	margin: 20px 0;
	display:block;
	}

.empEduProfilebutton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color: #153C52;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 8px;
	width: 150px;
	}
.empEduProfilebutton2 {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color: #153C52;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 8px;
	width: 170px;
	}
	
.bragbookFocusBox {
	width: 632px;
	height: 196px;
	margin: 20px 0;
	display:block;
	background-color: #d3eaf0;
	}

.bragbookFocusNav {
	background-color:#FFF;
	width: 100px;
	float: left;
	}

.bragbookFocusBox .bragbookFocusNav .bragbookFocusNavItem {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	}

.bragbookFocusNavItem li {
	width: 100px;
	height: 18px;
	margin: 0;
	background-color: #FFF;
	padding: 5px 0;
	}
	
.bragbookFocusNavItem li.bragselected {
	background-color:#D3EAF0;
	}	

.bragbookFocusNavItem a {
	display: block;
	padding-left: 6px;
	text-decoration: none;
	color: #477e95;
	}
	
bragbookFocusNavItem li {
	color: #477E95;
	background-color: #D3EAF0;
	}	
	
.bragbookFocusWindow {
	}
	
.bragbookFocusArrowL {
	width: 40px;
	height:152px;
	
	margin: 15px 20px 12px 8px;
	display:block;
	float:left;
	}
.bragbookFocusArrowR {
	width: 40px;
	height: 152px;

	margin: 15px 0;
	display:block;
	float:left;
	}
		
.bragbookFocusDetail {
	}
	
.bragbookIcon {
	width: 140px;
	margin-top: 10px;
	float:left;
	}
	
.bragbookThumbnail {
	width: 130px;
	height: 130px;
	border: 1px solid #66757a;
	float:left;
	}	
	
.bragbookEnlargeItem {
	width: 132px;
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 8px;
	}
	
.bragbookFocusText {
	width: 268px;
	padding: 10px 0;
	margin-right: 10px;
	float:left;	
	}
	
/********************************
	EMP EDUCATION RESULTS PAGE
********************************/	

.bragEducationResults {
	width: 632px;
	background: url(../fw/UI-bragbook-education-bg.jpg) repeat-y;	
	overflow:hidden;
	}

.bragEducationTitle {
	width: 320px;
	float:left;
	}	
	
.bragEducationResults h1 {
	color:#63767A;
	font: 20px Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 15px 0;
	}	
	
.bragEducationColumnL {
	width: 290px;
	margin-right: 15px;	
	float:left;
	}

.bragEducationColumnR {
	width: 300px;
	float:left;
	}

.bragEducationColumnR h1 {
	margin-left: 15px;
	}

.bragEducationColumnL .bragEducationItem {
	padding:10px 0;
	line-height: 1.5em;
	border-bottom: 1px dotted;
	}

.bragEducationColumnR .bragEducationItem {
	padding:10px 0;
	margin-left: 15px;
	line-height: 1.5em;
	border-bottom: 1px dotted;
	}			

/********************************
	EMP EMPLOYMENT RESULTS PAGE
********************************/

.bragEmploymentResults {
	width: 632px;
	background: url(../fw/UI-bragbook-education-bg.jpg) repeat-y;	
	overflow:hidden;
	}

.bragEmploymentTitle {
	width: 320px;
	float:left;
	}	
	
.bragEmploymentResults h1 {
	color:#63767A;
	font: 20px Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 15px 0;
	}	
	
.bragEmploymentColumnL {
	width: 270px;
	margin-right: 15px;	
	float:left;
	}

.bragEmploymentColumnR {
	width: 300px;
	float:left;
	}

.bragEmploymentColumnR h1 {
	margin-left: 15px;
	}

.bragEmploymentColumnL .bragEmploymentItem {
	padding:10px 0;
	line-height: 1.5em;
	}

.bragEmploymentColumnR .bragEmploymentItem {
	padding:10px 0;
	margin-left: 55px;
	line-height: 1.5em;
	}
.bragEmploymentItem{
    height: 380px;
    overflow: auto;
}
.bragEmploymentCompany	{
	font-weight: bold;
	margin-bottom: 15px;
	}
.bragEmploymentLocation {
	margin-bottom: 15px;
	}
.bragEmploymentDates {
	font-weight:bold;
	margin-bottom:15px;
	}
.bragEmploymentPosition {
	margin-bottom:15px;
	}
.bragEmploymentRoles {
	font-weight:bold;
	margin-bottom: 15px;	
	}	
.bragEmploymentDetail {
	}
	
/*********************************
	EMP BRAGBOOK SKILLS TAB
*********************************/

.bragSkillsTitle {
	margin: 0;
	padding:0;
	}

.bragSkillsResults {
	}

.bragSkillsItem	{
	width: 632px;
	padding: 15px 0;
	background: url(../fw/UI-bragbook-skills-border.jpg) repeat-x bottom left;
	}
.bragSkillsItemLast	{
	width: 632px;
	padding: 15px 0;
	background: none;
	}
	
/*********************************
	EMP BRAGBOOK INTERESTS TAB
*********************************/

.bragInterestsTitle {
	width:320px;
	float:left;
	}

.bragInterestsResults {
	}

.bragInterestsItem	{
	width: 632px;
	padding: 15px 0;
	background: url(../fw/UI-bragbook-skills-border.jpg) repeat-x bottom left;
	}
.bragInterestsItemLast	{
	width: 632px;
	padding: 15px 0;
	background: none;
	}
	
.messageButton {
	background: url(../fw/UI-button-bg.jpg) repeat-x top left;
	border: 1px solid #153C52;
	color:#153C52;
	font: 12px Arial, Helvetica, sans-serif;
	}