/* ---  Default CSS for IYC - myCorner  --- */

/* -------------------------------------------------------------------------------------------------
    Do not use conditional statements for any IE hacks in this document.
    All IE specific code is contained in the ie.css file to allow for page validation.
----------------------------------------------------------------------------------------------------*/
.developer {background-color: Yellow; padding: 10px; }

.searchValidationLabel { height: 20px; color: red; float: left; margin: 10px 0px 10px 20px; font-size: 90%; width: 520px; /*border: 1px solid;*/}

/* --- HTML TAG DEFINITIONS by Alpha --- */
* { margin: 0; padding: 0; white-space: normal; }

a { border: 0; outline: 0; cursor: pointer; }
a img {cursor: pointer; border: 0;}
a.nopoint, a.nopoint img, span a.nopoint { cursor:default;}
abbr { border-bottom: 1px dotted #DEDEDE; }

body { font-family: Arial, Helvetica, sans-serif; }

form {width: 1012px; margin: 0 auto;}

input { cursor: pointer; }
input.loginfield { cursor: text; }

input[type="text"],
input[type="password"] {cursor:text;}
input.styled { display: none; }
select {cursor: pointer; color: #535498; }

span.checkbox { display: inline-block; width: 19px; height: 20px; background: transparent url(/myCorner/images/bg-checkbox-default.gif) no-repeat left bottom; }
span.radio { }

/* --- DIV IDs & RELATED CLASS DEFINITIONS by Alpha --- */
#background-bottom { clear: both; width: 100%; height: 21px; display: block; background: transparent url(/myCorner/images/bg-container-bottom.gif) no-repeat 0 0; }
.col2 #background-bottom { width: 100%; height: 21px; display: block; background: transparent url(/myCorner/images/bg-container-bottom4.gif) no-repeat 0 0; }

#background-top { width: 100%; height: 11px; display: block; background: transparent url(/myCorner/images/bg-container-top.jpg) no-repeat 0 0; }

#bottomlinks { width: 100%; height: auto; margin: 0 0 20px 0; background-color: #FBFBFB; /*border: 1px solid #DEDEDE; border-right: 0; border-left: 0;*/ }
#bottomlinks ul#fnav { margin: 5px 10px; padding: 5px 10px; list-style: none none outside; }
#bottomlinks ul#fnav li { float: left; font: normal .75em/150% Arial, Helvetica, semi-serif; color: #666; margin: 0 1px; }
#bottomlinks ul#fnav li a.last { border: 0; }
#bottomlinks ul#fnav li a { color: #666; border-right: 1px solid #CCC; padding: 0 10px; text-decoration: none; }
#bottomlinks ul#fnav li a:hover { text-decoration: underline; }

#column1 { display: block; width: 221px; /*height: 800px;*/ float: left; margin: 1px 0 0 7px; }
#column1 div#logo { display: block; width: 200px; height: 56px; margin: 11px 0 7px 9px; }
#column1 div#logo a { display: block; width: 200px; height: 56px; }
#column1 #color-choices div.colorchoice { display:inline-block; background-color:#F6F6F6;}
#column1 #color-choices div.colorchoice p { font-size: 12px; display:inline-block; padding-left:3px; background-color:#F6F6F6; }

#column2 { float: left; display: block; width: 515px; height: auto; margin: 0; }

#column2 div#content { width: 515px; background: transparent url(/myCorner/images/friend/bg-gvcontainer-main.gif) repeat-y 0 0; }
#column2 div#content h1 { font: bold 25px/100% Arial, Helvetica, sans-serif; margin: 0; padding: 10px 20px; color: #444; }
#column2 div#content p { margin: 0 20px; padding: 10px 0; font: normal .95em/140% Arial, Helvetica, sans-serif; color: #666; }
#column2 div#content-bottom { display: block; width: 515px; height: 48px; background: transparent url(/myCorner/images/friend/bg-gvcontainer-bottom.gif) repeat-y 0 0; }
#column2 div#content-top { display: block; width: 515px; height: 46px; background: transparent url(/myCorner/images/friend/bg-gvcontainer-top.gif) repeat-y 0 0; }

#column2 div#content.resources a {color: #00C;}
#column2 div#content.resources a:hover {text-decoration: underline;}
#column2 div#content.resources a.clickmed {display: block; width: 430px; height: 32px; margin: 10px 30px 0 20px; padding:3px 0 0 22px;}
#column2 div#content.resources a.clickmed {background: url(/myCorner/images/btn-web-resources-med-off.gif) no-repeat 0 0;}
#column2 div#content.resources a.on2 {background: url(/myCorner/images/btn-web-resources-med-on.gif) no-repeat 0 0;}
#column2 div#content.resources a.clickme,
#column2 div#content.resources a.clickme3,
#column2 div#content.resources a.on {display: block; width:203px; height: 27px; color: #00C; margin: 10px 30px 0 20px; padding: 3px 0 0 22px; }
#column2 div#content.resources a.clickme,
#column2 div#content.resources a.clickme3 {background: url(/myCorner/images/btn-web-resources-off.gif) no-repeat 0 0;}
#column2 div#content.resources a.on,
#column2 div#content.resources a.on3 {color: #333; background : url(/myCorner/images/btn-web-resources-on.gif) no-repeat 0 0;}
#column2 div#content.resources h2 {color: #535498; margin: 0 20px; font-size: 100%;}

#column2 div#content.resources div#agencies,
#column2 div#content.resources div#printed,
#column2 div#content.resources div#support {display: none; padding: 10px 20px;}

#column2 div#content.resources div#agencies address b {padding-right: 5px;}
#column2 div#content.resources div#agencies address,
#column2 div#content.resources div#support address {font-style: normal; margin: 0; padding: 0; font-size: 95%; color: #666;}
#column2 div#content.resources div#agencies h2,
#column2 div#content.resources div#support h2 {margin: 10px 20px 5px 0;}
#column2 div#content.resources div#agencies h3 {margin: 20px 20px 5px 0;}
#column2 div#content.resources div#agencies h3,
#column2 div#content.resources div#support h3 {color: #535498; font-size: 90%;}
#column2 div#content.resources div#support img {margin: 20px 0 0 0;}
#column2 div#content.resources div#agencies p,
#column2 div#content.resources div#printed p,
#column2 div#content.resources div#support p {margin: 0; padding: 0;}

#column2 div#content.resources div#printed cite {display: block; clear: left; font-weight: normal;}
#column2 div#content.resources div#printed ul {margin: 0; padding: 0; list-style: none none outside; color: #535498; font-size: 95%;}
#column2 div#content.resources div#printed ul li {font-weight: bold; margin: 15px 0 0 0;}

#column2 div#main { width: 100%; background: transparent url(/myCorner/images/bg-maincontent-main.gif) repeat-y 0 0; }
#column2 div#main-bottom { display: block; width: 100%; height: 13px; margin: 0; padding: 0; background: transparent url(/myCorner/images/bg-maincontent-bottom.gif) no-repeat 0 0; }
#column2 div#main-top {display: block; width: 100%; height: 12px; margin: 0; padding: 0; background: transparent url(/myCorner/images/bg-maincontent-top.gif) no-repeat 0 0; }

#column2 div#messaging, #column4 div#messaging { width: 100%; background: transparent url(/myCorner/images/bg-msg-main.gif) repeat-y 0 0; }
#column2 div#messaging p, 
#column4 div#messaging p { width: 92%; margin: 0 15px; padding: 2px 0; color: #EC008C; font: bold .85em/110% Arial, Helvetica, sans-serif; } 
#column2 div#messaging blockquote, 
#column4 div#messaging blockquote, 
#column2 div#messaging cite, 
#column4 div#messaging cite { width: 92%; margin: 0 15px; padding: 2px 0; color: #666; font: bold .85em/110% Arial, Helvetica, sans-serif; }
#column2 div#messaging-bottom, #column4 div#messaging-bottom { display: block; width: 100%; height: 7px; margin: 0; padding: 0; background: transparent url(/myCorner/images/bg-msg-bottom.gif) no-repeat 0 0; }
#column2 div#messaging-top, #column4 div#messaging-top { display: block; width: 100%; height: 7px; margin: 0; padding: 0; background: transparent url(/myCorner/images/bg-msg-top.gif) no-repeat 0 0; }
.leadingladyquote {color: #666666;}
#column2 div#utility, #column4 div#utility { width: 100%; height: auto; margin: 0; padding: 0; background: transparent url(/myCorner/images/bg-utilnavmsg-main.gif) repeat-y 0 0; }
#column4 div#utility { width: 514px; float: left; }

#column2 div#utility-bottom, 
#column4 div#utility-bottom { display: block; width: 100%; height: 13px; background: transparent url(/myCorner/images/bg-utilnavmsg-bottom.gif) no-repeat 0 0; }
#column2 div#utility-nav-bottom, 
#column4 div#utility-nav-bottom, 
#column2 div#utility-nav-top, 
#column4 div#utility-nav-top { display: block; width: 100%; height: 13px; }

#column2 div#utility-nav, 
#column4 div#utility-nav { }

#column2 div#utility-nav ul.accountnav, 
#column4 div#utility-nav ul.accountnav, 
#column2 div#utility-nav ul.utilnav, 
#column4 div#utility-nav ul.utilnav { list-style: none outside none; margin: 0; padding: 0; float: right; }
#column2 div#utility-nav ul.accountnav li, 
#column4 div#utility-nav ul.accountnav li, 
#column2 div#utility-nav ul.utilnav li, 
#column4 div#utility-nav ul.utilnav li { float: left; line-height: 120%; margin: 0; padding: 0; }
#column2 div#utility-nav ul.accountnav li a, 
#column4 div#utility-nav ul.accountnav li a, 
#column2 div#utility-nav ul.utilnav li a, 
#column4 div#utility-nav ul.utilnav li a { display: inline-block; margin: 0; padding: 0 9px; text-decoration: none; }
#column2 div#utility-nav ul.accountnav li a, 
#column4 div#utility-nav ul.accountnav li a { color: #00C; border-right: 1px solid #CCC; }
#column2 div#utility-nav ul.utilnav li a, 
#column4 div#utility-nav ul.utilnav li a { color: #666; border-right: 1px solid #CCC; }
#column2 div#utility-nav ul.accountnav li a.last, 
#column4 div#utility-nav ul.accountnav li a.last, 
#column2 div#utility-nav ul.utilnav li a.last, 
#column4 div#utility-nav ul.utilnav li a.last { border-right: 0; }
#column2 div#utility-nav ul.accountnav li a:hover, 
#column4 div#utility-nav ul.accountnav li a:hover, 
#column2 div#utility-nav ul.utilnav li a:hover, 
#column4 div#utility-nav ul.utilnav li a:hover { text-decoration: underline; }
#column2 div#utility-nav ul.accountnav li.last a, 
#column4 div#utility-nav ul.accountnav li.last a { color: #00C; border-right: 0px; }
#column2 div#utility-nav ul.utilnav li.last a, 
#column4 div#utility-nav ul.utilnav li.last a { color: #666; border-right: 0px; }

#column2 div#utility-nav ul.accountnav, 
#column4 div#utility-nav ul.accountnav { width: auto; font-size: 85%; font-weight: bold; color: #00C; margin: 3px 22px 3px 0; }

#column2 div#utility-nav ul.utilnav, #column4 div#utility-nav ul.utilnav { width: auto; font-size: 75%; color: #666; margin: 3px 15px 3px 0; }

#column2 div.utility-nav-bg, #column4 div.utility-nav-bg { width: 100%; height: auto; }

#column2 div.utility-nav-bg div.arimidexlogo, #column4 div.utility-nav-bg div.arimidexlogo { float: left; display: block; width: 98px; height: 50px; margin: -5px 0 0 12px; }
#column2 div.utility-nav-bg div.arimidexlogo a, #column4 div.utility-nav-bg div.arimidexlogo a { display: block; width: 98px; height: 50px; }

#column3 { float: left; width: 265px; height: auto; display: block; }

#column3 div#flashcontent { }
#column3 div#flashcontent h2, 
#column3 div#flashcontent h3, 
#column3 div#flashcontent img, 
#column3 div#flashcontent p { display: none; visibility: hidden; }

#column3 div#garden {margin: -25px 0 0 0px;  }
#column3 div#garden div#flash-content {padding-left: 8px;}
#column3 div#garden div#flash-content img {}

#column3 div#rightrail-top { display: block; width: 100%; height: 12px; }

#column4 { float: left; width: 775px; }

#column4 div.swapImage {}
#column4 div.swapImage img { float: left; margin: 0 2px 15px 18px;}


#container {width: 1010px; height: auto; margin: 5px auto; }

#footer { width: 95%; margin: 30px 0 0 20px; }
#footer a { color: #666; text-decoration: underline; }
#footer p { clear: both; margin: 0 0 15px 0; font: normal .80em/150% Arial, Helvetica, semi-serif; color: #666; }
#footer p img { vertical-align: middle; margin: 7px 5px 7px 0; }

#footer-content {padding-bottom: 50px;}


#isi, #disclaimer { width: 95%; margin: 10px 0 0 20px; }
#isi a { color: #666; text-decoration: underline; }
#isi h2 { margin: 0 0 0 0; font: bold .90em/150% Arial, Helvetica, semi-serif; color: #666; }
#isi h2 span { display: inline-block; width: 72%; height: 1px; border-top: 2px solid #069; float: right; margin: -6px 0 0 0; padding: 0; }
#isi p, #disclaimer p { margin: 0 0 15px 0; font: normal .80em/150% Arial, Helvetica, semi-serif; color: #666; }
#isi ul { list-style: disc none outside; margin: 0px 0 7px 8px; padding: 0 0 7px 8px; font: normal .80em/150% Arial, Helvetica, semi-serif; color: #666; }
#isi ul li { margin: 2px 0; }

/* ISI PAGE needs different styles*/
#isipage, #disclaimerisipage { width: 510px; margin: 10px 0 0 0; }
#isipage a { color: #666; text-decoration: underline; }
#isipage h2 { margin: 0 0 0 20px; font: bold .90em/150% Arial, Helvetica, semi-serif; color: #666; }
#isipage h2 span { display: inline-block; width: 72%; height: 1px; border-top: 2px solid #069; float: right; margin: -6px 0 0 0; padding: 0; }
#isipage p, #disclaimer p { margin: 0 0 15px 0; font: normal .80em/150% Arial, Helvetica, semi-serif; color: #666; }
#isipage ul { list-style: disc none outside; margin: 0px 0 7px 8px; padding: 0 0 7px 8px; font: normal .80em/150% Arial, Helvetica, semi-serif; color: #666; }
#isipage ul li { margin: 2px 0; }

div.friendcontainer {float: left; overflow: hidden; height: auto; }
div.friendcontainer div.gridfooter {clear: left; display: block; width:225px; height: 43px; margin-left: 15px; background: transparent url(/myCorner/images/profile/bg-widget-bottom.gif) no-repeat 0 0;}


#skiplinks {display: none; visibility: hidden;}

#wrapper { margin: -3px 0 0 0; }

.hiddenDiv { display:none; }


/* --- LOOSE CLASS DEFINITIONS by Alpha --- */
.clr { clear: both; margin: 0; padding: 0;}

.hide {display: none; visibility: hidden;}

p.devnote {background-color:Yellow;}

.right { float: right; }
.roundedbutton { 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; }
.roundedbutton2 { display: inline-block; color: #00C; width: 170px; height: 34px; text-align: center; background: transparent url(/myCorner/images/profile/btn-changepassword.gif) no-repeat 2px 3px; border: 0; }

.show {visibility: visible;}

/* ACCOUNT PAGE FORM */
span.actExprValid {margin:25px 0 0 70px; clear:left;}
span.actExprValid2 {margin:25px 0 0 40px;clear:left;}
span.actExprValid3 {margin:25px 0 0 -108px;clear:left;}
span.actExprValid4 {margin:25px 0 0 -185px;clear:left;}

span.actExprValid5 {margin:25px 0 0 0; clear:left;}
span.actExprValid6 {margin:25px 0 0 60px; clear:left;}

/* error span container */
span.acct_error_msg {
	clear: left; 
	display: block;
	float: left; 
	/*border:1px solid;*/ 
	margin: 5px 0 0 80px; 
	padding: 0;
	width: 350px; 
	color: #ff0000; 
	min-height: 10px;}

span.acct_error_msg span { clear: left; text-align: left; margin: 0; padding: 0; /*border:#000 1px solid;*/ }
.clr {float: none !important; clear: both !important; font-size: 1px; }
.ac { clear: both; }


/*
span#ctl00_Column2Main_reqEmailConfirmRequired,
span#ctl00_Column2Main_comConfirmEmail {float: left; clear: both; margin-left: 50px; }
*/

div#rightcol-my-motivations-content div#bottomwrapper{display:none;}

/* Color Selector widget styles */
div#divGreen { display:inline-block; width:25px; height:15px; margin-top:0px; }
div#divPurple {display:inline-block; width:25px; height:15px; margin-top:0px;}
div#divPink { display:inline-block; width:25px; height:15px; margin-top:0px;}
div#divBrown { display:inline-block; width:25px; height:15px; margin-top:0px;}