/* BEGIN PROFILE LAYOUT */

div#mainProfile {
float: left;
padding: 0px 0px 0px 13px;
width: 727px;
}

div#mainProfile.other {
width: 557px;
}

div#mainProfile div.topcapProfile  {
background: url(../images/topcap_profile.gif) bottom left no-repeat;
height: 17px; 
padding-top: 10px;
}

div#mainProfile div.botcapProfile {
background: #fff url(../images/botcap_profile.gif) top left no-repeat;
height: 32px;
}

div#mainProfile div.topcapProfileOther  {
background: url(../images/topcap_profile_other.gif) bottom left no-repeat;
height: 17px; 
padding-top: 10px;
width: 557px;
}

div#mainProfile div.botcapProfileOther {
background: #fff url(../images/botcap_profile_other.gif) top left no-repeat;
height: 32px;
width: 557px;
}

div.divider { /* LOOKS LIKE AN <hr> TAG */
	height: 4px;
	background: url(../images/bg_divider.gif) repeat-x;
	width:95%; 
	margin: 10px; 
	float:left; /* most of them need to float, the exceptions have inline styles telling them not to. */
}

/* PROFILE DETAILS (LEFT COLUMN) */

div#mainProfile div#profileContent {
	background: #fff url(../images/bg_profile.gif) top left repeat-y;
}

div#mainProfile.other div#profileContent {
	background: #fff url(../images/bg_profile_other.gif) top left repeat-y;
	width: 557px;
	float: left;
}

div#mainProfile div#profileContent div#profileDetails {
float: left;
width: 480px;
padding-left: 15px;
padding-bottom: 40px;
}

div#mainProfile.other div#profileContent div#profileDetails {
width: 505px;
}

div#profileDetails div#profileInfo {
	float: left;
	padding-top: 8px;
}

div#profileDetails div#profileDescription {
	margin-left: 10px;
	width: 455px;
}

div#mainProfile.other div#profileDetails div#profileDescription {
	margin-left: 10px;
	width: 505px;
}

div#profileDetails img {
	float: left;
	padding: 9px 18px 15px 10px;
}

div#profileDetails h3 {
	background: url(../images/bg_divider.gif) bottom repeat-x;
	padding-bottom: 4px;
	text-transform: uppercase;
	color: #6c6d6d;
	margin-bottom: 6px;
}

div#profileDetails h4 {
	text-transform: uppercase;
	color: #6c6d6d;
	display: inline;
	font-size: 75%;
	padding-right: 5px;
	line-height: 1em;
}

div#profileDetails p {
	margin-top: 3px;
	font-size: 70%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
}

div#profileDetails p.aboutme {
	display: inline;
	color: #515151;
}

div#mainProfile.other * p.aboutme {
	width: 505px !important;
}

div#profileDetails p span, div#jobInformation p span {
	color: #f6921d;
}

div#profileDetails span a:link, div#profileDetails span a:visited {
	color: #f6921d;
	font-weight: bold;
	font-size: 75%;
}


/* PROFILE STATUS (RIGHT COLUMN) */

div#mainProfile div#profileContent div#profileStatus {
	float: right;
	width: 210px;
	margin-right: 2px;
}	

div#profileStatusContent {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 197px;
	color: #6c6d6d;
}

div#profileStatus * {
	text-align: center;
	margin: 0 auto;
}

h2.statusHeader {
	display: block;
	width: 188px;
	height: 32px;
	background: url(../images/profile_status.gif) no-repeat top;
}

h2.statusHeader span {
	display: none;
}

div#profileStatus p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 70%;
	width: 190px;
	text-align: left;
	color: #aaa;
}

h1.sidebarSifr {
	height: 22px;
	font-size: 18px;
	margin: 5px 0 0 20%;
	text-align: center;
}	

div#mainProfile div.topcapProfileStatus  {
background: url(../images/topcap_sidebar.gif) bottom left no-repeat;
height: 35px; 
}

div#mainProfile div.botcapProfileStatus {
background: #fff url(../images/botcap_sidebar.gif) top left no-repeat;
height: 12px;
width: 199;
}

div#sliderbar {
background: #fff url(../images/bg_status_sliderbar.gif) left no-repeat;
width: 175px;
height: 27px;
padding: 10px 0;
text-align: left
}

/* THE FIVE POSITIONS OF THE SLIDERBAR ICON */
div#sliderbar img.positionOne {
	margin-left: 0;
}
div#sliderbar img.positionTwo {
	margin-left: 32px;
}
div#sliderbar img.positionThree {
	margin-left: 76px;
}
div#sliderbar img.positionFour {
	margin-left: 118px;
}
div#sliderbar img.positionFive {
	margin-left: 156px;
}

/* THE THREE STATUS BUTTONS THAT REFERENCE THE WIZARD */
div#statusbox {
	margin: 0 auto;
	text-align: center;
}

div#statusbox ul {
	list-style-type: none;
	width: 156px;
	margin: 10px auto;
}

div#statusbox ul li, div#statusbox ul li a {
	width: 156px;
	height: 75px;
	display: block;
	margin:0;
	padding:0;
}

/* BACKGROUNDS FOR <li> TAGS */
div#statusbox ul li#status_create {	
	background: url(/assets/images/profile_status_01_finished_over.gif) no-repeat bottom left; 
}	
div#statusbox ul li#status_vital {
	background: url(/assets/images/profile_status_02_fin_over.gif) no-repeat bottom left;
}
div#statusbox ul li#status_history {
	background: url(/assets/images/profile_status_03_fin_over.gif) no-repeat bottom left;
}

/* BACKGROUNDS FOR ON-STATE <li> TAGS */
div#statusbox ul li#status_create_on, div#statusbox ul li#status_create a.on, div#statusbox ul li#status_create_on a.on:hover {
	background: url(/assets/images/profile_status_01_on.gif) no-repeat bottom left;
}
div#statusbox ul li#status_vital_on, div#statusbox ul li#status_vital a.on, div#statusbox ul li#status_vital_on a.on:hover {
	background: url(/assets/images/profile_status_02_on.gif) no-repeat bottom left;
}
div#statusbox ul li#status_history_on, div#statusbox ul li#status_history a.on, div#statusbox ul li#status_history_on a.on:hover {
	background: url(/assets/images/profile_status_03_on.gif) no-repeat bottom left;
}

/* BACKGROUNDS FOR <a> TAGS */
div#statusbox ul li#status_create a {
	background: url(/assets/images/profile_status_01_finished.gif) no-repeat bottom left;
}
div#statusbox ul li#status_vital a {
	background: url(/assets/images/profile_status_02_finished.gif) no-repeat bottom left;
}
div#statusbox ul li#status_history a {
	background: url(/assets/images/profile_status_03_finished.gif) no-repeat bottom left;
}

/* BACKGROUNDS FOR <a> HOVER STATES*/
div#statusbox ul li#status_create a:hover, div#statusbox ul li#status_vital a:hover, div#statusbox ul li#status_history a:hover {
	background: none;
}


/* PROFILE "OTHER" PAGE */

div#inviteNetwork {
	width: 165px;
	float: right;
	margin: 15px 0 0 0;
}

div#inviteNetwork img {
	margin: 0;
	padding: 0;
}

div#inviteNetwork img.returnSearchResults {
	margin: 3px 0 0 10px;
}

div#inviteNetwork a img { border: 0; }

ul#iconControl {
	list-style-type: none;
	margin: -7px 0 0 10px;
	padding: 0;
}

* html ul#iconControl {
	margin: -1px 0 0 10px;
}

ul#iconControl li {
	float: left;
	margin-right: 10px;
}

ul#iconControl li#iconRemove a { 
	display: block; 
	width: 37px; 
	height: 49px; 	
	padding-top: 33px;
}
ul#iconControl li#iconMessage a { 
	display: block; 
	width: 54px; 
	height: 66px; 
	
}

ul#iconControl li#iconMessage { background: #fff url(../images/icon_message_over.gif) left no-repeat; }
ul#iconControl li#iconRemove { background: #fff url(../images/icon_remove_over.gif) left no-repeat; }

ul#iconControl li#iconMessage a { background: #fff url(../images/icon_message.gif) left no-repeat; }
ul#iconControl li#iconRemove a { background: #fff url(../images/icon_remove.gif) left no-repeat; }

ul#iconControl li#iconMessage a:hover { background: none; }
ul#iconControl li#iconRemove a:hover { background: none; }

ul#iconControl li a span { display: none; }

/* EDIT PROFILE WIZARD STYLES */

div#editform, div#editform div#wrap {
	width: 485px;
}

div#editform div#leftFormColumn div#wrap div#left {
	float: left;
	width: 235px;
	padding-left: 10px;
}
div#editform div#leftFormColumn div#wrap div#right {
	float: right;
	margin: 0 15px 0 0;
}

div#editform input, div#editform select, div#editform select#state option {
	background: url(../images/wizard_form_input_bg.gif) repeat-x top left;
	border: 1px solid #ccc;
	margin: 1px 3px 11px 0;
	width: 200px;
}

div#editform input { padding-left: 3px; }

div#editform select option { 
	margin: 0; 
	width: 200px; 
	background: #ececec;
	padding: 0;
}
div#editform select#state { background: #ececec url(../images/wizard_form_input_bg.gif) repeat-x top left; width: 75px; margin-left: 15px; }
div#editform select#state option { margin: 0; width: 75px; background: #ececec; }

div#editform textarea { 
	background: #ececec url(../images/wizard_form_input_bg.gif) repeat-x top left;
	border: 1px solid #ccc;
	margin: 1px 3px 15px 0;
	width: 200px;
	height: 170px;
	padding-left: 3px;
}

div#editform div#rightFormColumn {
	width: 475px;
	float: none;
	clear: both;
	padding: 30px 0 0 10px;
}
span.formSifr {
	display: inline;
	font-size: 100%;
	margin: 0;
}


span.ext {
	position: relative;
	bottom: 3px;
}

img.required {
	float: left;
	position: relative;
	bottom: 2px;
}

/* EDIT PROFILE FORM  ***********************************************/

div#profileDetails div.scroller {
	background: #fff;
	overflow: auto;
	width: 480px !important;
/*	border: 10px solid #bcbcbc;
	border-top: 0;
	border-bottom: 0;*/
	height: 640px;
	padding: 0;
}

div#editform form div#leftFormColumn, div#editform form div#rightFormColumn {
	width: 480px;
}

div#editform form div#rightFormColumn div.left, div#editform form div#rightFormColumn div.right {
	float: left;
} 

div#editform form div#rightFormColumn div.right {
	padding-left: 20px;
}

div#editform div.scroller div#innards {
	background: #dcdcdc;
	width: 1200px;
	height: 610px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
}

div#editform div.scroller div#innards div.jobColumn {
	float: left;
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
}

/*div#wrap div#left {
	float: left;
	width: 205px;
	padding: 20px 0 0 15px;
}
div#wrap div#right {
	float: right;
	padding: 20px 0 0 0;
}*/

div#leftArrowBar {
	background: url(/assets/images/arrow_left.png) no-repeat left;
	position: absolute;
	top: 300px;
	left: -13px;
}

div#rightArrowBar {
	background: url(/assets/images/arrow_right.png) no-repeat right;
	position: absolute;
	top: 300px;
	right: -13px;
}

div.jobColumn span.formSifr { font-size: 12px; padding-left: 1px; }

div.jobColumn label {
	text-transform: uppercase;
	color: #797979;
	font-weight: bold;	
	font-size: 11px;
	margin: 0;	
}

div.jobColumn div.row { padding-bottom: 7px; width: 225px; }

div#editform div#innards div.jobColumn div.first {
width: 200px;
padding-left: 50px;
}


div#editform div#innards div.jobColumn div.first input.firstInput {
width: 150px;
}

div#editform div#innards div.jobColumn div.job1 {
	background: url(/assets/images/icon_01.gif) left top no-repeat;

}

div#editform div#innards div.jobColumn div.job2 {
	background: url(/assets/images/icon_02.gif) left top no-repeat;
}

div#editform div#innards div.jobColumn div.job3 {
	background: url(/assets/images/icon_03.gif) left top no-repeat;
}

div#editform div#innards div.jobColumn div.row input {
width: 200px;
margin: 0;
padding-left: 3px;
}

div#editform div#innards div.jobColumn div.row select {
width: 205px;
}

div#editform div#innards div.jobColumn div.row input.fifty {
width: 88px;
}

div#editform div#innards div.jobColumn div.fifty div.left {
width: 91px;
}

div#editform div#innards div.jobColumn div.fifty div.right {
width: 111px;
float: right;

}


div#editform div#innards div.jobColumn div.seventyfive div.left {
width: 140px;
}

div#editform div#innards div.jobColumn div.seventyfive input.seventyfive {
width: 137px;
}

div#editform div#innards div.jobColumn div.seventyfive div.right {
width: 50px;
float: left;
padding-left: 13px;
}

div#editform div#innards div.jobColumn div.seventyfive input.twentyfive {
width: 47px;
}

/* FOR THE FAQ PAGE, WHICH SHOULD PROBABLY BE IN GENERIC BUT USES THIS PROFILE TEMPLATE INSTEAD */
body#pageNewsEvents div#container div#content div#rightColumn div#middleContent ol#faq {
	padding-left: 25px;
}

body#pageNewsEvents div#container div#content div#rightColumn div#middleContent ol#faq font li {
	padding-bottom: 3px;
}

body#pageNewsEvents div#container div#content div#rightColumn div#middleContent ol#faq font li a {
	color: #656565;
}