/* Site specific color and images that 'skin' the selected layout. */

/*
.formButton {
	BORDER: 1px solid #67914c;
	background-color: #edf3e9;
	text-align: center;
}
*/


body {
	margin: 5px 0 0 0;
	background-repeat: repeat-x;
	}

#wrapper {
	border: 1px solid #84792b;
	background: #FCFFAF;
	margin: auto;	
	width: 950px;
	}	

#mainContainer {
	position: relative;
	top: 0;
	left: 0;
	margin: 5px;
	text-align: left;
	border: 1px solid #84792b;
	background: white;
	padding: 10px 10px 0px 15px;
	}
ul {
	margin-left: 20px;
	}	
#brandingContainer {
	z-index: 99;
	text-align: center;
	}
#logo, #siteName {
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	margin: 15px auto;
 	color: #333333;
	}
#brandingContainer a #siteName {
	line-height: 100px;	
	color: #333333;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 42px; 
	}	
#brandingContainer a:hover #siteName {
	text-decoration: none;
	color: #448B53;
	}	
#siteTagline {
	color: #448B53;
	font-size: 24px;
	width: 600px;
	margin: -15px auto 15px auto;
	margin-top: -15px;
	text-align: center;
	font-weight: 400;
	line-height: 24px;
	}		
#siteTagline {
	display:  none;
	font-size: 25px;
	font-weight: 800;
	}			
#siteTagLine {
	color: #448B53;
	font-size: 26px;
	width: 600px;
	margin: -15px auto 15px auto;
	margin-top: -15px;
	text-align: center;
	font-weight: 800;
	}	
#siteTagLine .small {
	font-size: 18px;
	}
#siteTagLine .large {
	font-style: italic;
	font-weight: 600;
	}		
#cobrandlogo {
	position: absolute;
	z-index: 5;
	top: -1px;
	right: -1px;
	background: #FCFFAF;
	border: 1px solid #84792b;
	border-right: none;
	border-top: none;
	}		
#coBrandimg {
	display: block;
	width: 265px;
	height: 125px;
	border: 1px solid #84792b;
	background: white;
	margin: 0px 0px 5px 5px; 
	vertical-align: middle;
	}		
#coBrandimg img {
	margin: auto;
	max-height: 125px;
	}	
#freeMonth {
	position: absolute;
	z-index: 1000;
	z-index: 5;
	top: 22px;
	right: 10px;
	}	
#cog {
	position: absolute;
	top: 13px;
	left: -20px;
	margin-left: -20px;
	width: 190px;
	height: 167px;
	background: url(../images/cog.gif) no-repeat;
	}		
#guyRunning {
	position: absolute;
	top: 0px;
	left: 0;
	width: 324px;
	height: 236px;
	background: url(../images/guy-running.png) no-repeat;
	}
#loginContainer {
	position: absolute;
	z-index: 99;
	top: 5px;
	right: 5px;
	text-align: right;
	}		
#menu {
	position: relative;
	z-index: 999;
	text-align: center;
	margin-top: 15px;
	background: url(../images/line.gif) 50% 0% no-repeat;
	}
ul#topNavCat {
	margin: 0 0 0 0;
	padding: 10px 0;
	list-style-type: none;
	vertical-align: bottom;
	text-align: center;
	background: url(../images/line.gif) 50% 100% no-repeat;
	}	
#topNavCat li  {
	display: inline;
	list-style-type: none;
	
	}
#topNavCat  a {
	padding: 2px 15px;
	border: none;
	margin: 0px 0px;
	text-align: left;
	font-size: 1.2em;
	background: #FCFFAF;
	}
.top_category	{
	}
.top_category a, .top_category a:visited {
	font-size: 1.0em;
	color: #c3553e;
	text-decoration: none;
	font-weight: 600;
	}
.top_category a.selected {
	font-weight: 600;
	color: #1C6A4A;
	}	
.top_category a:hover {
	text-decoration: none;
	color: #1C6A4A;
	}	
#topNavCat a:hover {
	text-decoration: none;
	}	
	
/* end of horiztonal menu */

#homeLeft {
	float: left;
	width: 508px;
	margin-top: 17px;
	}
#homeLeft ul {
	margin-left: 30px;	
	}
#homeLeft .title {
	font-size: 2.0em;
	font-weight: 800;
	font-style: italic;
	margin-bottom: 10px;
	}	
 #homeLeft h2  {
 	color: #333333;
	font-size: 1.8em;
	font-style: italic;
	font-family: arial,helvetica,clean,sans-serif;
	margin: 0 0 0 0;
	}

#evaluatepod {
	background: url(../images/women_clipboard.jpg) 100% 100% no-repeat;
	min-height: 186px;
	margin-bottom: 20px;
	}	
#evaluatepod .left {
	width: 222px;
	}	
#evaluatepod .right {
	padding-top: 10px;
	}	
#evaluatepod .content {
	min-height: 145px;
	padding-bottom: 5px;
	margin-top: -10px;
	background: url(../images/line.gif) 50% 100% no-repeat;
	}		
#joinpod .title {
	width: 500px;
	}
#joinpod {
	background: url(../images/x-men.jpg) 100% 0% no-repeat;
	min-height: 195px;
	margin-bottom: 20px;
	}	
#joinpod table {
	width: 240px;
	}
#joinpod .top li {
	}		
#joinpod .bottom {
	text-align: right;	
	padding-top: 10px;
	padding-right: 20px;
	}
#joinpod .content {
	margin-top: 0px;
	min-height: 125px;
	padding-bottom: 5px;
	background: url(../images/line.gif) 50% 100% no-repeat;
	}	
#jointodaypod	{
	margin-top: 0px;
	min-height: 125px;
	padding-bottom: 10px;
	background: url(../images/line.gif) 50% 100% no-repeat;
	margin-bottom: 10px;
	}
#bullypod {
	background: url(../images/anger-boss.jpg) 0% 0% no-repeat;
	min-height: 235px;
	margin-bottom: 20px;	
	
	}
#bullypod .title {
	padding-top: 30px;
	margin-left: 135px;
	}	
#bullypod .content {
	margin-left: 145px;
	}		
#bullypod .left {
	width: 233px;
	}
#rewarding_careerpod {
	padding: 10px 10px 10px 10px;
		margin-bottom: 10px;
	background: url(../images/line.gif) 50% 100% no-repeat;
	}	
	
#flash {
	background: url(../images/flash-back.gif);
	}	
#playButton {
	position: absolute;
	z-index: 5;
	top: 445px;
	right: 41px;
	padding-right: 4px;
	padding-bottom: 8px;
	text-align: right;
	color: #A42222;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	background: #DFE7EC;
	}	
#homeContainer {
	position: relative;
	width: 100%;
	min-height: 670px;
	}		
#mainContent {
	padding: 3px;
	margin-top: 20px;
	}	
	
#homeContainer #mainContent {
	float: left;
	border-right: 1px solid #c2c2ba;
	border-top: none;
	margin-top: 20px;
	width: 510px;
	}
#page1 {
	padding: 0px 20px 15px 0px;
	}
#page1 h1 {
	margin-bottom: 0px;
	}	
#page1 h4 {
	margin: 0px 0px 1.2em 0px;
	font-size: 1.1em;
	}	
#page1 h2 {
	font-size: 	1.9em;
	color: #c3553e;
	}
.detailText {
	margin: 0px 100px;
	}	
#page1 .detailText table {
	border: none;
	background: white;
	}	
#page1 .detailText table.homeChart {
	border: 1px solid #c2c2ba;
	margin-left: 40px;
	background: #feffdf;
	}	
#page1 .detailText table.homeChart p {
	margin-bottom: 0em;	
	}
#page1 .detailText table td.cell {
	border-bottom: 1px solid #c2c2ba;
	padding: 6px 0px 10px 0px;
	}
#page1 .detailText table td.last {
	border-bottom: none;
	padding: 6px 0px 10px 0px;
	}	
#page1 .detailText table td.redArrow {
	padding: 0px 8px;
	vertical-align: top;
	border-bottom: none;
	} 	
#page1 .detailText table td.redArrow img {
	padding-top: 1.5em;
	}	
#page1 .detailText, #pagepleaseLogin .detailText, #page26 .detailText {
	margin: 0px;
	}	
#page1 	td.videoLeft {
	width: 300px;
	}
#home-right {
	float: right;
	width: 365px;
	padding-top: 20px;
	}
#home-right .title {
	color: #c3553e;	
	font-size: 1.9em;
	line-height: 1.5em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0.5em;
	margin-left: 0pt;
	font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
	font-weight: 800;
	}
#home-right h2 {
	color: #659474;
	margin: 5px 0px 3px 0px;
	font-family: arial,helvetica,clean,sans-serif;
	}	
.break {
	clear:both;
	display: block;
	width: 100%;
	}	
.detailText li {
	margin-left: 30px;
	}	
.detailImage {
	margin-left: 100px;
	}	
.detailText Table {
	padding: 5px;
	background: #fcffaf;
	border: 1px solid #84792b;
	}	
.detailText Table h4 {
	text-indent: 5px;
	font-size: 1.2em;
	}	
#footer {
	position: relative;
	clear: left;
	width: 907px;
	margin: auto;
	height:	148px;
	background: url(../images/footer-back.gif) no-repeat;
	text-align: center;
	}
#bottomText {
	position: relative;
	top: 20px;
	left: 0px;
	color: white;
	text-align: center;
	height: 90px;
		font-weight: bold;
	}
#bottomTitle {
	font-size: 30px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	display: block;
	width: 100%;
	text-align: center;
	margin: auto;
	}
#bottomSubTitle {
	font-size: 18px;
	padding-bottom: 5px;
	}	
#bottomByline {
	font-size: 16px;
	}			
#bookLink {
	position: absolute;
	top: 0px;
	right: 0px;
	}
#bookLink a {
	display: block;
	width: 288px;
	height: 148px;
	}
#bookLink .buy {
	display: none;
	}	
#bookLink a:hover {
	background: url(../images/book-rollover.gif) no-repeat;
	}	
#footerNav {
	position: relative;
	top: -20px;
	left: 0px;
	margin: auto;
	text-align: center;
	}	
#footerText {
	margin-top: 20px;
	color: #FCFFAF;
	}	
#copyright {
	color: #FCFFAF;
	}	
#adminMenu a, #adminMenu a:visited {
	COLOR: #FCFFAF;
	}	
/* --- locker ----*/
#lockerRegister {
	position: relative;
	}
#locker {
	position: relative;
	width: 667px;
	height: 516px;
	background: url(../images/locker-front.jpg) no-repeat;
	}
#locker #login {
	position: absolute;
	top: 230px;
	left: 108px;
	width: 155px;
	}	

#locker #loginTable td {
	height: 1.0em;
	line-height: 1.0em;
	padding: 0;
	margin: 0;
	}	
#login .formlabel {
	text-align: left;
	color: black;
	font-weight: 600;
	line-height: 1.0em;
	}
.formFieldcheckbox {
	margin-right: 5px;
	}
#login .formButton {
	text-align: center;
	}
#remember {
	margin-top: 5px;
	}	
#login .forgotpassword {
	position: absolute;
	top: 118px;
	left: 0px;
	text-align: center;
	display: block;
	width: 165px;
	}
	
#login .forgotpassword a {
	color: #c1c1c1;
	font-weight: 800;
	}					
#register {
	position: absolute;
	top: 40px;
	left: 700px;
	width: 205px;
	margin: 0;
	}	
#register h2 {
	line-height: 1.1em;
	}	
#accountInfo {
	position: relative;
	background: url(../images/locker_back.gif) repeat-y;
	}	
#loginHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 668px;
	height: 130px;
	background: url(../images/locker_header.gif) no-repeat;
	padding-top: 45px;
	}	
#loginHeader .title	{
	float: left;
	font-size: 18px;
	color: #031E13;
	font-weight: bold;
	}
#loginHeader .result {
	color: #031E13;
	font-weight: bold;
	}	
#loginHeader .update {
	padding-top: 5px;
	float: right;
	}
#loginHeader a:hover {
	color: #031E13;
	text-decoration: none;
	font-weight: bold;
	}	
.nameUser {
	position: relative;
	margin-left: 105px;
	width: 445px;
	height: 34px;
	
	}
.nameUser .result {
	position: absolute;
	top: 5px;
	left: 200px;
	text-align: center;
	}	
.userEmail {
	position: relative;
	margin-left: 75px;
	width: 440px;
	height: 34px;
	}	
.userEmail .result {
	position: absolute;
	top: 5px;
	left: 200px;
	text-align: center;
	}		
.userAddress {
	position: relative;
	margin-left: 95px;
	width: 445px;
	height: 34px;
	}		
#Nameplate {
	display: block;
	width: 667px;
	text-align: center;
	hieght: 22px;
	margin-top:-5px;
	}	
#nameHolder {
	position: relative;
	margin: auto;
	}	
#Nameplate img {
	position: relative;
	top: 5px;
	}	
.namePlate {
	line-height: 24px;
	margin-top: 0px;
	padding: 0px 15px 1px 15px;
	font-size: 18px;
	color: #031E13;
	font-weight: bold;
	background: #adadad;
	}


#accountContent  {
	color: white;	
	min-height: 200px;
	font-size: 14px;
	}
#accountContent a {
	color: white;
	}	
#lockerFooter {
	width: 668px;
	height: 39px;
	background: url(../images/locker_footer.gif) no-repeat;
	}
#lockerFooterSneakers {
	width: 668px;
	height: 179px;
	background: url(../images/locker_sneakers.gif) no-repeat;
	}
#logOut {
	position: absolute;
	top: 0px;
	right: 80px;
	}	
#alerts {
	position: absolute;
	top: 35px;
	right: 10px;
	height:140px;
	width:210px;
	/*border:1px solid red;*/
	}				
.lockerFlash {
	position:absolute;
	z-index: 1;
	top: 180px;
	left: 55px;
	text-align:center;
	}		
	

.msg_head {
	cursor: pointer;
	position: relative;
	z-index: 9;
	right: 0px;
	margin-top: 0px;
	margin-left: 400px;
	color: black;
}
.msg_body {
	margin-top: 40px;
	margin-left: 80px;
	padding: 15px 10px 15px;
	background-color:#FFFFFF;
	width: 430px;
}	
.msg_table {
	width: 100%;
	}
#question {
	width: 692px;
	background: url(../images/bubble.gif) repeat-y;
	}
#questionTop {
	width: 692px;
	height: 45px;
	background: url(../images/bubble_header.gif) no-repeat;
	}
.question {
	padding: 0px 80px 0px 20px;
	font-size: 14px;
	margin: -20px 0px 0px 0px;
	min-height: 40px;
		}	
#questionBottom {
	position: absolute;
	bottom: 500px;
	left: 0px;
	z-index: 99;
	width: 672px;		
	height: 72px;
	background: transparent url(../images/bubble_footer.gif) no-repeat;
	margin: -20px 0px;
	font-style: italic;
	padding-left: 20px;
	}
#notebook {
	margin: 67px 0px 0px 20px;
	background: url(../images/note_back.gif) repeat-x;
	width: 590px;
	}	
#notebookTop {
	position: relative;
	background: url(../images/note_header.gif) 100% 100% no-repeat;
	width: 590px;
	height: 51px;
	
	}
.alerts {
	line-height: 20px;
	/*text-align: right;*/
	padding-top: 30px;
	padding-left: 20px;
		font-family: Comic Sans MS, Comic Sans MS, cursive;
	line-height: 20px;
	letter-spacing: .5px;
	min-height: 65px;
	}		
#notebook .notes{
	margin-left: 0px;
	background: url(../images/note_back.gif) repeat-y;
	border: none;	
	width: 540px;
	padding-left: 50px;
	}
.notes textarea {
	background: none;
	font-family: Comic Sans MS, Comic Sans MS, cursive;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	/*margin-left: 20px;*/
	border: none;
	letter-spacing: .5px;
	scroll: auto;
	}		
#notebookBottom {
	background: url(../images/note_bottom.gif) no-repeat;
	widht: 590px;
	height: 42px;	
	}	
.productDisplay .detailImage {
	border: none;
	}	
.evaluation {
	position: relative;
	}	
.peterFlash {
	position: absolute;
	top: 0px;
	right: 3px;
	}	
.loginFlash {
	margin-top: 30px;
	}	
	
	
#product2 h1 {
	margin-left: 200px;
	width: 500px;
	}
.frame {
	float: left;
	position: relative;
	margin: 5px 5px;
	background: #FCFFAF;
	border: 1px solid #84792B;
	width: 895px;
	}	
.recordItem {
	border: 1px solid #84792B;
	padding: 5px;
	min-height: 140px;
	background: white;
	margin: 5px;
	}

.recordItem h2 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;	
	font-weight: 600;
	color: #054F32;
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 12px;
	}
.recordTitle {
	float: left;
	display: block;
	width: 95px;
	font-size: 11px;
	font-weigth: 400;
	line-height: 12px;
	}

.recordText {
	color: #448B53;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	margin-left: 95px;
	width: 630px;
	margin-bottom: 5px;
	}	
.editButtons {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}
#awards .frame, #education .frame, #skills .frame, #afflilations .frame {
	float: left;
	clear: none;
	width: 441px;
	}
#education, #awards, #skills, #afflilations {
	}	
#education .recordText, #awards .recordText, #skills .recordText, #afflilations .recordText {
	width: 190px;	
	}
.recordHeader h2, #education .recordHeader h2 , #awards .recordHeader h2 , #skills .recordHeader h2 , #afflilations .recordHeader h2 {
	margin: 0px 0 0px 0;
	line-height: 14px;
	font-size: 16px;
	clear: both;
	}
#mainContent .AffiliationRole {
	clear: none;
	margin: 0 0 0 0;
	}	
/*----resume----*/
.experienceItem,.EducationItem, .SkillItem, .awardItem  {
	position: relative;
	margin-bottom: 10px;
	margin-top: 3px;
	}
.resumeDate {
	float: left;
	}
.levelAchieved, .awardName, .skill {
	float: left;
	font-weight: bold;
	}	
 .AffiliationName {
	font-weight: bold;
	}	
.companyName, .rDate  {
	float: right;
	}	
.position, .institution {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	}
.jobDescriptionText, .ExperienceText, .resumeText, .AffiliationRole {
	clear: both;
	margin: 2px 0px 3px 50px;
	}	
		
/*----contact----*/
.contact {
	position:relative; 
	clear:both; 
	margin: 5px 0;
	border: 1px solid #84792B;
	background: whitesmoke;
	}
.contactCard {
	position:relative; 
	border:1px solid gray;
	padding:15px;
	margin: 5px 40px;
	background: white;
	}	
.contactTitle {
	margin:-15px -15px  0 -15px ;
	background-color:#FCFFAF;
	padding:5px 0 5px 15px;
	line-height: 16px;
	color: #448B53;
	font-size: 16px;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	}	
.contactNotes {
	max-height: 100px;
	overflow: auto;
	margin: 10px;
	/*margin-left: 20px;*/
	border: none;
	}	
.editButton {
	position: absolute;
	top: 6px;
	right: 10px;
	}	
.APItest {
	margin-bottom: 20px;
	}	

.membership .detail {
	min-height: 150px;
	}	
#cobrandlogo img {
	max-width: 250px;
	max-height: 125px;
	}	
.productPriceFree {
	font-size: 30px;
	font-weight: 800;
	color: 	#D31C1E;
	}