﻿html, body
{
	
	background-color:#e9e9e9;
	padding: 0;
	margin: 10px 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	font-family: Arial, Sans-Serif, Verdana;
	color: #000000;
	font-size: 13px;
	line-height: 17px;
}



#PublicProfileTop
{
	background-image: url(images/PublicProfileBorders.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:984px;
	height:22px;
	margin: 0 auto;
}

#PublicProfileBottom
{
	background-image: url(images/PublicProfileBorders.png);
	background-position: 0 -22px;
	background-repeat: no-repeat;
	width:984px;
	height:22px;
	margin: 0 auto;
	clear:both;
}


/* font styles */

a:link, a:visited, a:active
{
	font-size: 13px;
	line-height: 17px;
	font-family: arial, helvetica, sans-serif;
	color: #0076b4;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	font-size: 13px;
	line-height: 17px;
	font-family: arial, helvetica, sans-serif;
	color: #009B27;
	font-weight: normal;
	text-decoration: none;
}


a.footerlink:link, a.footerlink:visited, a.footerlink:active
{
	font-size: 12px;
	line-height: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #0076b4;
	font-weight: normal;
	text-decoration: underline;
}

a.footerlink:hover
{
	font-size: 12px;
	line-height: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #009B27;
	font-weight: normal;
	text-decoration: none;
}


.black
{
	color: #3c3c3c;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}




.whiteMedium
{
	color: #ffffff;
	font-size: 15px;
	line-height: 19px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}

.white
{
	color: #ffffff;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}
.blueLarge
{
	color: #008ac4;
	font-size: 18px;
	line-height: 22px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}
.blueMedium
{
	color: #008ac4;
	font-size: 15px;
	line-height: 19px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}

a.blueMedium:link, a.blueMedium:visited, a.blueMedium:active
{
	font-size: 15px;
	line-height: 19px;
	font-family: arial, helvetica, sans-serif;
	color: #008ac4;
	font-weight: bold;
	text-decoration: underline;
}

a.blueMedium:hover
{
	font-size: 15px;
	line-height: 19px;
	font-family: arial, helvetica, sans-serif;
	color: #008ac4;
	font-weight: bold;
	text-decoration: none;
}


.blue
{
	color: #0076b4;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Sans-Serif, Verdana;
}

.greenLarge
{
	color: #009B27;
	font-size: 18px;
	line-height: 22px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}

.greenMedium
{
	color: #009B27;
	font-size: 15px;
	line-height: 19px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}

a.greenMedium:link, a.greenMedium:visited, a.greenMedium:active
{
	font-size: 15px;
	line-height: 19px;
	font-family: arial, helvetica, sans-serif;
	color: #009B27;
	font-weight: bold;
	text-decoration: underline;
}

a.greenMedium:hover
{
	font-size: 15px;
	line-height: 19px;
	font-family: arial, helvetica, sans-serif;
	color: #009B27;
	font-weight: bold;
	text-decoration: none;
}

.green
{
	color: #009B27;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}



/* end font styles */


/* box styles */

div.White3dBoxTM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/WhiteBoxMiddle.jpg' ) 0px 0px repeat-x;
	padding: 0;
}
div.White3dBoxTL
{
	background: url(  'images/WhiteBoxLeft.jpg' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.White3dBoxTR
{
	background: url(  'images/WhiteBoxRight.jpg' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.White3dBoxMM
{
	float: left;
	padding: 0;
	list-style: none;
	background: url(  'images/WhiteBoxMiddle.jpg' ) 0px -10px repeat-x;
	padding: 0;
}
div.White3dBoxML
{
	clear: left;
	background: url(  'images/WhiteBoxLeft.jpg' ) 0px -10px no-repeat;
	background-position: left;
	float: left;
	width: 10px;
	padding: 0;
}

div.White3dBoxMR
{
	background: url(  'images/WhiteBoxRight.jpg' ) 0px -10px no-repeat;
	background-position: right;
	float: left;
	width: 10px;
	padding-top: 0;
}
div.White3dBoxBM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/WhiteBoxMiddle.jpg' ) 0px -330px repeat-x;
	padding: 0;
}
div.White3dBoxBL
{
	clear: left;
	background: url(  'images/WhiteBoxLeft.jpg' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.White3dBoxBR
{
	background: url(  'images/WhiteBoxRight.jpg' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding-top: 5px;
}

div.BlankTM
{
	float: left;
	height: 10px;
	padding: 0;
	list-style: none;
	padding: 0;
}

div.BlankBoxTL
{
	clear: left;
	background: url(  'images/WhitePlainBoxLeft.jpg' ) 0px -10px no-repeat;
	background-position: left;
	float: left;
	width: 10px;
	height: 10px;
	padding: 0;
}

div.BlankBoxTR
{
	background: url(  'images/WhitePlainBoxRight.jpg' ) 0px -10px no-repeat;
	background-position: right;
	float: left;
	width: 10px;
	height: 10px;
	padding-top: 0;
}

div.WhiteBoxTM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/WhitePlainBoxMiddle.jpg' ) 0px 0px repeat-x;
	padding: 0;
}
div.WhiteBoxTL
{
	background: url(  'images/WhitePlainBoxLeft.jpg' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.WhiteBoxTR
{
	background: url(  'images/WhitePlainBoxRight.jpg' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.WhiteBoxMM
{
	float: left;
	padding: 0;
	list-style: none;
	background: url(  'images/WhitePlainBoxMiddle.jpg' ) 0px -10px repeat-x;
	padding: 0;
}
div.WhiteBoxML
{
	clear: left;
	background: url(  'images/WhitePlainBoxLeft.jpg' ) 0px -10px no-repeat;
	background-position: left;
	float: left;
	width: 10px;
	padding: 0;
}

div.WhiteBoxMR
{
	background: url(  'images/WhitePlainBoxRight.jpg' ) 0px -10px no-repeat;
	background-position: right;
	float: left;
	width: 10px;
	padding-top: 0;
}
div.WhiteBoxBM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/WhitePlainBoxMiddle.jpg' ) 0px -330px repeat-x;
}
div.WhiteBoxBL
{
	clear: left;
	background: url(  'images/WhitePlainBoxLeft.jpg' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.WhiteBoxBR
{
	background: url(  'images/WhitePlainBoxRight.jpg' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding-top: 5px;
}


div.LightGreyBoxTM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/LightGreyBoxMiddle.gif' ) 0px 0px repeat-x;
	padding: 0;
}
div.LightGreyBoxTL
{
	background: url(  'images/LightGreyBoxLeft.gif' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.LightGreyBoxTR
{
	background: url(  'images/LightGreyBoxRight.gif' ) 0px 0px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.LightGreyBoxMM
{
	float: left;
	padding: 0;
	list-style: none;
	background: url(  'images/LightGreyBoxMiddle.gif' ) 0px -10px repeat-x;
	padding: 0;
}
div.LightGreyBoxML
{
	clear: left;
	background: url(  'images/LightGreyBoxLeft.gif' ) 0px -10px no-repeat;
	background-position: left;
	float: left;
	width: 10px;
	padding: 0;
}

div.LightGreyBoxMR
{
	background: url(  'images/LightGreyBoxRight.gif' ) 0px -10px no-repeat;
	background-position: right;
	float: left;
	width: 10px;
	padding-top: 0;
}
div.LightGreyBoxBM
{
	float: left;
	height: 10px;
	width: 10px;
	padding: 0;
	list-style: none;
	background: url(  'images/LightGreyBoxMiddle.gif' ) 0px -330px repeat-x;
	padding: 0;
}
div.LightGreyBoxBL
{
	clear: left;
	background: url(  'images/LightGreyBoxLeft.gif' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding: 0;
}

div.LightGreyBoxBR
{
	background: url(  'images/LightGreyBoxRight.gif' ) 0px -330px no-repeat;
	height: 10px;
	float: left;
	width: 10px;
	padding-top: 5px;
}



/* bar styles */


div.BlueBarBG
{
	float: left;
	height: 25px;
	padding: 0;
	list-style: none;
	background-image: url(  'images/bg-bar-Blue3d.gif' );
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top: 5px;
}
div.BlueBarLeftBG
{
	background: url(  'images/bg-bar-Blue3d-end.gif' ) 0px 0px no-repeat;
	background-position: left;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}
div.BlueBarRightBG
{
	background: url(  'images/bg-bar-Blue3d-end.gif' ) -10px 0 no-repeat;
	background-position: right;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}

div.GreenBarBG
{
	float: left;
	height: 25px;
	padding: 0;
	list-style: none;
	background-image: url(  'images/bg-bar-Green3d.gif' );
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top: 5px;
}
div.GreenBarLeftBG
{
	background: url(  'images/bg-bar-Green3d-end.gif' ) 0px 0px no-repeat;
	background-position: left;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}
div.GreenBarRightBG
{
	background: url(  'images/bg-bar-Green3d-end.gif' ) -10px 0 no-repeat;
	background-position: right;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}


div.OrangeBarBG
{
	float: left;
	height: 25px;
	padding: 0;
	list-style: none;
	background-image: url(  'images/bg-bar-Orange3d.gif' );
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top: 5px;
}
div.OrangeBarLeftBG
{
	background: url(  'images/bg-bar-Orange3d-end.gif' ) 0px 0px no-repeat;
	background-position: left;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}
div.OrangeBarRightBG
{
	background: url(  'images/bg-bar-Orange3d-end.gif' ) -10px 0 no-repeat;
	background-position: right;
	height: 25px;
	float: left;
	width: 10px;
	padding-top: 5px;
}



.ProfileHeaderAboutMe
{
	background-image: url(images/ActionIconSpriteLarge.gif);
	background-position: 0px -238px;
	background-repeat: no-repeat;
	padding: 15px 0 3px 53px;
	color: #06367d;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	float: left;
}

.ProfileHeaderWork
{
	background-image: url(images/ActionIconSpriteLarge.gif);
	background-position: -7px -50px;
	background-repeat: no-repeat;
	padding: 15px 0 8px 43px;
	color: #06367d;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	float: left;
}

.ProfileHeaderEducation
{
	background-image: url(images/ActionIconSpriteLarge.gif);
	background-position: 2px -97px;
	background-repeat: no-repeat;
	padding: 15px 0 3px 55px;
	color: #06367d;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	float: left;
}

.ProfileHeaderContactInfo
{
	background-image: url(images/ActionIconSpriteLarge.gif);
	background-position: -3px -146px;
	background-repeat: no-repeat;
	padding: 15px 0 3px 50px;
	color: #06367d;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	float: left;
}

.ProfileHeaderFeedback
{
	background-image: url(images/ActionIconSpriteLarge.gif);
	background-position: -3px -196px;
	background-repeat: no-repeat;
	padding: 15px 0 3px 50px;
	color: #06367d;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	float: left;
}

.PublicAboutMeSubtitles
{
	border-bottom: solid 1px #ccc;
	width: 565px;
	height: 20px;
	padding: 5px 5px 5px 0;
	color: #0076b4;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
}


/* end styles */



div.PublicProfileWrapper
{
	width: 565px;
	padding: 5px 0 15px 10px;
}

.FormWarning
{
	border: solid 1px #cc0000;
}




.ErrorMessage
{
	border: solid 1px #0076b4;
	background-color: #ccccff;
	color: #0076b4;
	padding: 20px;
	width: 100%;
	text-align: center;
}
.ValidationErrorMessage
{
	text-align: left;
	border: solid 1px #ff0000;
	color: #ff0000;
	background-color: #ffcccc;
	vertical-align: middle;
	padding: 5px;
}






.ProfileImage
{
	border: solid 1px #ccc;
	width: 142px;
	height: 177px;
	padding: 1px;
}

.ProfileName
{
	font-size: 20px;
	color: #0076b4;
	font-weight: bold;
	line-height: 22px;
}

.ProfileLocation
{
	font-size: 13px;
	color: #0076b4;
	font-weight: bold;
	line-height: 15px;
}

.profile-summary-right-bg
{
	background-image: url(images/profile-summary-right-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.Headline
{
	font-size: 15px;
	color: #009B27;
	font-weight: bold;
	line-height: 17px;
}

.workCompany
{
	font-size: 18px;
	color: #0076b4;
	font-weight: bold;
	line-height: 22px;
}

.workTitle
{
	font-size: 14px;
	color: #009B27;
	font-weight: bold;
	line-height: 16px;
}
.eduSchoolName
{
	font-size: 18px;
	color: #0076b4;
	font-weight: bold;
	line-height: 22px;
}
.eduDegree
{
	font-size: 14px;
	color: #009B27;
	font-weight: bold;
	line-height: 16px;
}

/* begin form styles */
.FormTextArea
{
	color: #000000;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Sans-Serif, Verdana;
}

.FormTextMedium
{
	color: #0076b4;
	font-size: 15px;
	line-height: 19px;
	font-family: Arial, Sans-Serif, Verdana;
}




.AlphabetPagerContainer
{
	padding: 5px;
	text-align: center;
	border-bottom: solid 1px #ffffff;
}

.AlphabetPagerContainer ul
{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}

.AlphabetPagerContainer ul li
{
	margin: 0 15px 0 0;
	display: inline;
	list-style-type: none;
}

.AlphabetPagerCurrent
{
	color: #0076b4;
	font-size: 20px;
	font-weight: bold;
}
.UpdateResponse
{
	height: 20px;
	background-image: url(images/ActionsResponseSprite.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #aef2ae;
	color: Green;
	border: solid 1px green;
	font-weight: bolder;
	padding: 5px 5px 5px 30px;
}





/***********************
 * f7f7f7 background 
 */
div.F7BG-TopRight
{
	height: 10px;
	width: 10px;
	background-image: url(images/F7F7F7-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
}

div.F7BG-TopLeft
{
	height: 10px;
	width: 10px;
	background-image: url(images/F7F7F7-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

div.F7BG-BottomRight
{
	height: 10px;
	width: 10px;
	background-image: url(images/F7F7F7-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
}

div.F7BG-BottomLeft
{
	height: 10px;
	width: 10px;
	background-image: url(images/F7F7F7-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

.BigBlueArrowLeft
{
	background-image: url(images/BigBlueArrows.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding: 0 0 0 25px;
	color: #008ac4;
	font-size: 20px;
}

div.divNew
{
	background-image: url(images/new.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20px;
}


