/* MyProfile Control CSS for IYC - myCorner */


/* --- HTML TAG DEFINITIONS by Alpha --- */

/* --- DIV IDs & RELATED CLASS DEFINITIONS by Alpha --- */
#EditCityState {width: 192px; margin: 0; padding: 0; }
#EditCityState label {float: left; clear: left; display: block; width: 38px; padding-bottom: 2px; font-size: .85em;}
#EditCityState input,
#EditCityState select {margin-right: 0; margin-bottom: 3px; padding-right: 0; float: left; display: inline; color: #535498;}

#ma-container { /*border: 1px solid #666;*/ width: 775px; height: auto; overflow: auto; margin: 0; padding: 0; background: transparent url(/mycorner/images/profile/bg-myprofile-mid.gif) repeat-y 0 0; }
	
#ma-container .ma-content {width: 775px; height: auto;  margin: 0; padding: 0;  background: none;}
#ma-container.login .ma-content h2,
#ma-container .ma-content h4 { margin: 0; padding: 0; clear: both; color: #535498; font: bold 1em/115% Arial, Helvetica, sans-serif;   }
#ma-container.login .ma-content h2 {padding: 10px 20px;}
#ma-container .ma-content p {font-size: .85em; }
#ma-container .ma-content .ma-text {float: left; width: 450px; height: auto; margin: 0 20px; padding: 0 0 10px 0; }
#ma-container .ma-content .ma-text.wide { width:700px; }
#ma-container.login .ma-content .ma-text {width: 750px; height: auto; margin: 0 7px; padding: 0 0 10px 0; }
#ma-container.login .ma-content .ma-text fieldset div.logform {float: left; width: 52%; margin-top: 35px;}
#ma-container.login .ma-content .ma-text fieldset div.logform div.buttons {margin-left: 50px;}
#ma-container.login .ma-content .ma-text fieldset div.logform div.buttons a {margin-left: 115px;}
#ma-container.login .ma-content .ma-text fieldset div.logform div.buttons label {float: right; text-align: left; margin: 0 5px; width: 195px;}
#ma-container.login .ma-content .ma-text fieldset div.logform div.buttons input {float: left; margin: 8px 0 0 115px; font-size: 1em; /*width: auto;*/}
#ma-container.login .ma-content .ma-text fieldset label {display: block; float: left; width: 144px; height: auto; margin-right: 10px; padding: 5px 0; font-size: .90em; color: #333; text-align: right; }
#ma-container.login .ma-content .ma-text fieldset div.logform label q {font-weight: bold; color: #333; float: left; margin-right: 10px;}
#ma-container.login .ma-content .ma-text fieldset div#Personality {float: left; display: block; width: 317px; height: auto; overflow: visible; margin: 20px 0 15px 15px; padding: 0 0 0 0; background-color: #F3F0C1; font-size: 95%;}
#ma-container.login .ma-content .ma-text fieldset div#Personality h2 {padding: 0 20px; width: auto;}
#ma-container.login .ma-content .ma-text fieldset div#Personality p {padding: 5px 20px; width: auto; color: #666;}
#ma-container.login .ma-content .ma-text fieldset div#PersonalityBottom {display: block; width: 317px; height: 9px; margin: 0; padding: 0; background: transparent url(/myCorner/images/profile/bg-personality-bottom.gif) no-repeat 0 0;}
#ma-container.login .ma-content .ma-text fieldset div#PersonalityTop {display: block; width: 317px; height: 9px; margin: 0; padding: 0; background: transparent url(/myCorner/images/profile/bg-personality-top.gif) no-repeat 0 0;}
#ma-container.login .ma-content .ma-text p { padding: 5px 20px; color: #666;}
#ma-container.login .ma-content .ma-text p#required {margin-left: 140px;}
/* City error message*/
#ma-container .ma-content .ma-text p.profile_msg { color: #ff0000; }

#ma-container .ma-content .ma-text p { padding: 5px 0px;}
#ma-container-modal .ma-content .ma-text p { padding: 5px 20px;}
#ma-container .ma-content .ma-text p#txtZodiacSign {float: left;  width: auto; padding: 10px 10px 0 10px;}
#ma-container .ma-content .ma-text h1 { margin: 0; padding: 0;}

#ma-container .ma-footer { width: 775px; height: 59px; margin: 5px 0 0 0; padding: 0; background: url(/mycorner/images/profile/bg-myprofile-bottom.gif) no-repeat top; }

#ma-container .ma-header { width: 775px; height: 46px; margin: 0; padding: 0; background: url(/mycorner/images/profile/bg-myprofile-top.gif) no-repeat 0 top;}
#ma-container .ma-header #ma-logo {margin: 10px 10px 0 15px; padding: 0; float: left; }
#ma-container .ma-header #ma-logo h1 {margin: 0; padding: 0; font: bold 25px/115% Arial, Helvetica, sans-serif; float: left; }

#ma-container table ,
#mp-personality .mp-sectionitem table {width: 450px; margin: 5px 0 15px 0; padding: 0; font: normal 14px/115% Arial, Helvetica, sans-serif; color: #444; }
#ma-container table ,
#mp-personality .mp-sectionitem table td {width: 33%; padding: 0; }
#mp-personality .mp-sectionitem table td input {border: 1px grooved #F6F6F6; }
#mp-personality .mp-sectionitem table td label {font-weight: bold; margin-left: 4px; }
/*#ma-container table td {padding: 3px 0; }*/

	/* My profile page styles */
#mp-top-left { float: left; width: 192px; height: auto; }
#mp-top-left .mp-sectionitem a {text-decoration: none;}
#mp-top-left .mp-sectionitem a.BlueAnchor {text-decoration: underline;}
#mp-top-left .mp-sectionitem h4 {margin-top: 12px;  }
#mp-top-right {float: left; width: 234px; height: auto; background-color: #F6F6F6; margin-bottom: -1px; }
#mp-top-right select#ctl00_Column4Main_ddlDobDay {width: 40px; }
#mp-top-right select#ctl00_Column4Main_ddlDobMo {margin-left: 24px; }
#mp-top-right select#ctl00_Column4Main_ddlDobYr {width: 55px;}
#mp-top-right .mp-sectionitem h4,
#mp-top-right .mp-sectionitem img,
#mp-top-right .mp-sectionitem p {margin-left: 24px; }
#mp-top-right .mp-sectionitem img#imgZodiacSignClient {/*background-color: yellow;*/ float: left; display: block; /*padding-bottom: 15px;*/}
#mp-top-right .mp-sectionitem img#imgZodiacSignClient {/*border: #999 1px solid;*/ width:50px; height: 40px;}
#mp-top-right .mp-sectionitem p#parInvalidDOB { margin-left: 24px; }
#mp-top-right-bottom {display: block; clear: both;  width: 100%; height: 9px; margin-bottom: -1px; background: transparent url(/myCorner/images/profile/bg-top-right-bottom.gif) no-repeat 0 0;}

/*#mp-top-right-top .mp-sectionitem h4#txtProfileSignHeading { margin-top: 0 !important; padding-top: 0; }*/

#mp-top-right-top {display: block; width: 100%; height: 8px; background: transparent url(/myCorner/images/profile/bg-top-right-top.gif) no-repeat 0 0;}

#mp-personality {width: 100%; height: auto; overflow: auto; clear: both; border:1px solid #B5B5B5; border-right:0; border-left: 0;}

#mp-health-info {border: 1px solid #FDE790; width: 265px; height: 1045px; margin-left: 7px; float: left; background: #FDFAD1 url(/myCorner/images/profile/bg-healthinfo-gradient.gif) repeat-x 0 0; }
#mp-health-info div.mp-sectionitem h4 {margin: 35px 10px 10px 10px; }
#mp-health-info div.mp-sectionitem p {margin: 10px 55px 0 10px; line-height: 160%; }
#mp-health-info div.mp-sectionitem p + p {color: #666; }
#mp-health-info div.mp-sectionitem select {margin: 0 0 0 10px;}

#mp-buttons { width: 265px; height: auto; }

div.mp-sectionitem {clear: both; height: auto; overflow: auto; margin: 5px 0 15px 0; padding: 0; }
div.mp-sectionitem span {font-size: .85em;  }

/* --- LOOSE CLASS DEFINITIONS by Alpha --- */
.BlueAnchor { cursor: pointer; color: #0000ce; text-decoration: underline; }


/* Custom validation on myprofile - diagnosis date and birthdate. */
p.customProfileError {
	line-height: normal !important; 
	margin-top: 2px; 
	margin-bottom: 0;
	padding: 0 !important; 
	display: block;
	overflow: visible;}
p.dobCustomError { /*background-color: Orange;*/ margin-left: 23px !important;}
p.profileZodiacPar { margin: 0 !important; padding: 0 !important; line-height: normal; }
/* End Custom validation on myprofile - diagnosis date and birthdate. */

	/* Form elements */
.ddl { margin: 0 0 0 2px; padding: 0; }

.notify { color: #F00; }

.profileupdate { display: inline-block; color: #00C; width: 78px; height: 34px; text-align: center; background: transparent url(/myCorner/images/profile/btn-profile-update.gif) no-repeat 2px 3px; border: 0; cursor: pointer; }

	/* View public profile, friend profile buttons */
.viewprofilebuttons {width: auto; margin: 0 15px 0 10px; padding: 0; width: 55%;}
.viewprofilebuttons a {text-decoration: none; color: #00C; cursor: pointer; font-size: 85%; height: 28px; }
.viewprofilebuttons a:hover {text-decoration: underline; }

.viewprofilebuttons a.friendsonlybottom,
.viewprofilebuttons a.friendsonlytop {padding-top: 15px; padding-bottom: 0; display: block; float: right; width: 228px; text-align: center; }
.viewprofilebuttons a.friendsonlybottom {margin-top: 10px; background: transparent url(/myCorner/images/profile/btn-friendsonly-bottom.gif) no-repeat 0 10px;}
.viewprofilebuttons a.friendsonlytop {background: transparent url(/myCorner/images/profile/btn-friendsonly-top.gif) no-repeat 0 10px;}

.viewprofilebuttons a.publicbottom {display: block; float: right; width: 190px; text-align: center; }
.viewprofilebuttons a.publictop {display: block; float: right; width: 190px; text-align: center; padding-top:15px;  }
.viewprofilebuttons a.publicbottom { height: 40px; background: transparent url(/myCorner/images/profile/btn-publicprofile-bottom.gif) no-repeat 0 10px;}
.viewprofilebuttons a.publictop {background: transparent url(/myCorner/images/profile/btn-publicprofile-top.gif) no-repeat 0 10px;}