
/* =framework
----------------------------------------------- */
h3 {
	color:#088c99;
	font-size:1.333em;
	line-height:1.2em;
}
ul {
	margin-left:15px;
}
ol {
	list-style:none;
}

.blueText {
	color:#088c99;
}
.red {
	color:#ff0000;
}
.marginTop15px {
	margin-top:15px;
}
.marginTop30px {
	margin-top:30px;
}
.marginBottom10px {
	margin-bottom:10px;
}
sup.ref {font-size:smaller; vertical-align:baseline; position:relative; bottom:0.33em;}
sup.reg {font-size:smaller; vertical-align:baseline; position:relative; bottom:0.33em;}
sup.reg2 {font-size:.8em;}

#singleColumnDiv {width:627px; float:left; padding-bottom:0px;margin-left:0px;}
#singleColumnDiv div.contentDiv {width:580px; padding:0px 20px 0px 20px; background-color:#fff;}

/* general link style */
a:link, a:visited {
	color:#088c99;
	text-decoration: none;
}
a:hover, a:active {	
	color:#088c99;
	text-decoration: underline;
}

/* isi link style */
#isiDiv a:link, #isiDiv a:visited {
	color:#088c99;
	text-decoration: underline;
}
#isiDiv a:hover, #isiDiv a:active {	
	color:#088c99;
	text-decoration: underline;
}

/* broughtby link style */
a.broughtby:link, a.broughtby:visited {
	color:#088c99;
	text-decoration: underline;
}
a.broughtby:hover, a.broughtby:active {	
	color:#088c99;
	text-decoration: underline;
}
/* ------------------------------------------------- */

.topDividerBar {
	width:627px;
	height:6px;
	float:left;
	background-color:#008c99;
	clear:both;
	margin-left:-1px;
}
/* ------------------------------------------------- */
/* top navigation */
.myMirenaPageTopNav {
	width:624px;
	background-image: url(../mymirena/images/bkg-top-nav.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}
.myMirenaPageTopNavCol1 {
	float:left;
	width:292px;
}
.myMirenaPageTopNavCol2 {
	float:left;
	width:331px;
}

/* mybody top nav button */
a.myBody:link, a.myBody:visited {
	float:left;
	width:103px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-mybody-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.myBody:hover, a.myBody:active {	
	float:left;
	width:103px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-mybody-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* on state */
a.myBodyOn:link, a.myBodyOn:visited, a.myBodyOn:hover, a.myBodyOn:active {	
	float:left;
	width:103px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-mybody-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* myinnercircle top nav button */
a.myInnerCircle:link, a.myInnerCircle:visited {
	float:left;
	width:96px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myinnercircle-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.myInnerCircle:hover, a.myInnerCircle:active {	
	float:left;
	width:96px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myinnercircle-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* on state */
a.myInnerCircleOn:link, a.myInnerCircleOn:visited, a.myInnerCircleOn:hover, a.myInnerCircleOn:active {	
	float:left;
	width:96px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myinnercircle-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* myworld top nav button */
a.myWorld:link, a.myWorld:visited {
	float:left;
	width:102px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myworld-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.myWorld:hover, a.myWorld:active {	
	float:left;
	width:102px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myworld-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.muteOff:link, a.muteOff:visited, a.muteOff:active, a.muteOff:hover {
  float: left;
  background: transparent url(../mymirena/images/nav-top-mute-on.gif) 0px 0px no-repeat;
  height: 31px;
  width: 30px;
}
a.muteOn:link, a.muteOn:visited, a.muteOn:active, a.muteOn:hover {
  float: left;
  background: transparent url(../mymirena/images/nav-top-mute-off.gif) 0px 0px no-repeat;
  height: 31px;
  width: 30px;
}
/* on state */
a.myWorldOn:link, a.myWorldOn:visited, a.myWorldOn:hover, a.myWorldOn:active {	
	float:left;
	width:102px;
	height:31px;
	text-decoration: none;
	background-image: url(../mymirena/images/nav-top-myworld-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------------------------------------------- */
/* flash content */
.flashContentWrap {
	width:626px;
	height:464px;
	clear:both;
	background-color:#ffffff;
}

/* ------------------------------------------------- */
/* two column content */
.pageLeftCol {
	float:left;
	width:135px;
	padding-right:35px;
	text-align:right;
	margin-top:50px;
}
.pageRightCol {
	float:left;
	width:425px;
	padding-right:20px;
	margin-top:54px;
}

/* ------------------------------------------------- */
/* left column text navigation links */
a.myLink:link, a.myLink:visited {
	color: #666666;
	text-decoration: none;
}
a.myLink:hover, a.myLink:active {	
    color: #666666;
	text-decoration: underline;
}
/* left column text navigation links - on state */
a.myLinkOn:link, a.myLinkOn:visited {
	color: #008b98;
	text-decoration: none;
}
a.myLinkOn:hover, a.myLinkOn:active {	
    color: #008b98;
	text-decoration: underline;
}

/*-------------------------------------------------- */
/* getting started box/navigation */
.getStartedNavBox {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
}
.getStartedLinks {
	float:right;
	width:233px;
	margin-top:75px;
	font-size:0.917em;
}
.getStartedNavElement {
	width:233px;
	color: #bfe2e6;
	text-align:right;
	padding:0px;
	margin:0px;
}
.getStartedNavElementOn {
	width:233px;
	color: #ffffff;
	background-image: url(../mymirena/mybody/images/arrow-get-started.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
	padding:0px;
	text-align:left;
}
.getStartedNavContent {
	width:233px;
}
.getStartedNavContentCol1 {
	float:left;
	width:28px;
	text-align:right;
	padding-right:5px;
}
.getStartedNavContentCol2 {
	float:left;
	width:180px;
	text-align:left;
}

a.getStartLink:link, a.getStartLink:visited {
	color: #bfe2e6;
	text-decoration: underline;
}
a.getStartLink:hover, a.getStartLink:active {	
    color: #ffffff;
	text-decoration: underline;
}

a.getStartLinkOn:link, a.getStartLinkOn:visited, a.getStartLinkOn:hover, a.getStartLinkOn:active {
	color: #ffffff;
	text-decoration: underline;
}

/*-------------------------------------------------- */
/* getting started - assimilation email styles */
.getStartedEmailLinks {
	float:right;
	width:233px;
	margin-top:0px;
	font-size:0.917em;
}
.getStartedEmailNavBox {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox1 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox2 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox3 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox4 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox5 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartedEmailNavBox6 {
	width:434px;
	height:315px;
	background-image: url(../mymirena/mybody/images/bkg-getting-started-navbox-email-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
}
.getStartTitle {
	font-size:1.833em;
	color:#FFFFFF;
	line-height:1.3em;
	text-align:left;
	padding:20px;
}
.viewAll {
	position:absolute;
	top:285px;
	left:365px;
}
a.view:link, a.view:visited {
	color:#ffffff;
	text-decoration: none;
}
a.view:hover, a.view:active {	
	color:#ffffff;
	text-decoration: underline;
}
 
/*-------------------------------------------------- */
/* page controls */
.pageControls {font-size:0.917em;}
.pageControls a:link, .pageControls a:visited, .pageControls a:active {color:#088c99; text-decoration:none;}
.pageControls a:hover {text-decoration:underline;}

/*-------------------------------------------------- */
/* print and share styles */
.sharePrintBox {
	width:434px;
	height:30px;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top:10px;
}

/* print only styles */
.printBox {
	width:434px;
	height:30px;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top:10px;
}

/* share button */
a.share:link, a.share:visited {
	float:left;
	width:85px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-share-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.share:hover, a.share:active {	
	float:left;
	width:85px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-share-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* print button */
a.print:link, a.print:visited {
	float:left;
	width:66px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-print-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.print:hover, a.print:active {	
	float:left;
	width:66px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-print-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.printOnly:link, a.printOnly:visited {
	float:left;
	width:40px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-print-off.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
}
a.printOnly:hover, a.printOnly:active {	
	float:left;
	width:40px;
	height:29px;
	text-decoration: none;
	background-image: url(../mymirena/images/btn-print-over.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
}

/* ------------------------------------------------- */
/* landing page styles */
.leftSectionPageSpacer {
	width:130px;
	height:50px;
	display:block;
}
/* ------------------------------------------------- */
/* mybody landing page styles */
.myBodyImageWrap {
	float:left;
	width:626px;
	height:460px;
	background-image: url(../mymirena/mybody/images/img-mybody-main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.myBodyHomeContent {
	width:270px;
	float:right;
	margin-top:50px;
	margin-right:8px;
}
/* ------------------------------------------------- */
/* myinnercircle landing page styles */
.myInnerCircleImageWrap {
	float:left;
	width:626px;
	height:460px;
	background-image: url(../mymirena/myinnercircle/images/img-myinnercircle-main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.myInnerCircleHomeContent {
	width:270px;
	float:right;
	margin-top:50px;
	margin-right:20px;
}

/* ------------------------------------------------- */
/* myworld landing page styles */
.myWorldImageWrap {
	float:left;
	width:626px;
	height:460px;
	background-image: url(../mymirena/myworld/images/img-myworld-main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.myWorldHomeContent {
	width:270px;
	float:right;
	margin-top:50px;
	margin-right:20px;
}

/* ------------------------------------------------- */
/* bottom callouts */
.pageBottomCallouts {
	width:627px;
}
.pageBottomCalloutsDivider {
	float:left;
	width:3px;
	height:109px;
	margin-top:20px;
	background-image: url(../mymirena/images/img-tout-divider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.pageBottomCalloutsCol1 {
	float:left;
	width:190px;
	padding-left:20px;
	padding-right:20px;
	margin-top:15px;
	background-image: url(../mymirena/images/img-callout-magazines.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.calloutText1 {
	padding-top:10px;
	width:170px;
}
.pageBottomCalloutsCol2 {
	float:left;
	width:164px;
	padding-left:20px;
	padding-right:18px;
	margin-top:15px;
	background-image: url(../mymirena/images/img-callout-todotool.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.calloutText2 {
	padding-top:10px;
	width:130px;
}
.pageBottomCalloutsCol3 {
	float:left;
	width:155px;
	padding-left:20px;
	padding-right:20px;
	margin-top:15px;
}
.calloutText {
	padding-top:10px;
}
.calloutsHR {
	float:left;
	margin-left:3px;
}

.gettingStarted {
	width:600px;
	margin-left:20px;
}
/* non user callouts */
.pageNonUserBottomCalloutsCol1 {
	float:left;
	width:187px;
	padding-left:20px;
	padding-right:12px;
	margin-top:25px;
}
.pageNonUserBottomCalloutsCol2 {
	float:left;
	width:170px;
	padding-left:12px;
	padding-right:12px;
	margin-top:25px;
}
.pageNonUserBottomCalloutsCol3 {
	float:left;
	width:155px;
	padding-left:14px;
	padding-right:20px;
	margin-top:25px;
}

.calloutTitle {
	float:left;
	margin-left:20px;
}

/* ------------------------------------------------- */
/* bottom navigation */
.myMirenaPageBottomNav {
	width:585px;
}
.myMirenaPageBottomNavLinks {
	font-size:0.833em;
	color: #84898a;
	padding-top:10px;
}
a.pageBottomNavLink:link, a.pageBottomNavLink:visited {
	color: #84898a;
	text-decoration: none;
}
a.pageBottomNavLink:hover, a.pageBottomNavLink:active {	
    color: #84898a;
	text-decoration: underline;
}

/* ------------------------------------------------- */
/* myprofile page styles */
.profileFormWrap {
	width:626px;
	height:530px;
}
.profileFormErrorArea {
	width:585px;
  padding:20px;
}
.profileFormCol1 {
	float:left;
	width:240px;
	padding-left:20px;
	margin-top:50px;
	text-align:left;
}
.profileFormCol2 {
	float:left;
	width:240px;
	margin-top:92px;
}
.profileField {
	width:190px;
	color:#666666;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:1px;
}
/* ------------------------------------------------- */
/* registration page styles */
.regPageWrap {
	width:606px;
	padding-left:18px;
	position:relative;
}
* html .regPageWrap { padding-left:20px; }
.regPageCol1 {
	float:left;
	width:410px;
	padding-top:30px;
}
.regPageCol2 {
	float:right;
	width:143px;
	height:241px;
	padding-left:17px;
	padding-right:17px;
	padding-top:20px;
	position:relative;
}
.regPageCheckbox {
	clear:both;
}
.regPageCheckboxCol1 {
	float:left;
	width:21px;
}

* html .regPageCheckboxCol1 { width:30px; }
.regPageCheckboxCol2 {
	float:left;
	width:370px;
}
.regPageCheckboxCol2_lg {
	float:left;
	width:550px;
}
.flashDivider {
	width:626px;
	height:8px;
	float:left;
	background-image: url(../mymirena/registration/images/img-flash-header-divider.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	display:block;
	background-color:#00CC99;
}

/* new sign in box */
.regSignIn {
	width:183px;
	background-image: url(../mymirena/registration/images/bkg-signin-middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position:absolute;
	top:-0px;
	left:23px;
}
.regSignInTop {
	float:left;
	width:183px;
	background-image: url(../mymirena/registration/images/bkg-signin-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.regSignInBottom {
	float:left;
	width:183px;
	background-image: url(../mymirena/registration/images/bkg-signin-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.regSignInContent {
	padding-top:20px;
	padding-left:18px;
	padding-right:15px;
	padding-bottom:15px;
}
/* registration page thank you - non-user */
.regThankYouImageWrap {
	width:580px;
	background-image: url(../mymirena/registration/images/img-thankyou-woman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:35px;
	float:left;
}
.regThankYouContent {
	float:left;
	width:380px;
	padding-left:180px;
}
.regThankYouThreshold {
	width:1px;
	height:470px;
	display:block;
	float:left;
}

/* registration page welcome - non-user */
.regWelcomeImageWrap {
	width:580px;
	background-image: url(../mymirena/registration/images/img-welcome-woman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:35px;
	float:left;
}
.regWelcomeContent {
	float:left;
	width:380px;
	padding-left:180px;
}
.regWelcomeThreshold {
	width:1px;
	height:260px;
	display:block;
	float:left;
}


/* registration form styles */
.regFormWrap {
	width:626px;
}
.regFormCol1 {
	float:left;
	width:280px;
	padding-left:20px;
	margin-top:10px;
	text-align:left;
}
.regFormCol2 {
	float:left;
	width:240px;
	margin-top:10px
}
.regField {
	width:190px;
	color:#666666;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:1px;
}
.regFormErrorArea {
	width:410px;
	padding-left:20px;
}
/* login styles */
.loginField {
	width:135px;
	color:#666666;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:1px;
}


.forgotPwd {
	padding-bottom:15px;
	padding-top:10px;
	font-size:0.917em;
}
/* forgot pwd link style */
a.forgot:link, a.forgot:visited {
	color:#088c99;
	text-decoration: underline;
}
a.forgot:hover, a.forgot:active {	
	color:#088c99;
	text-decoration: underline;
}
/* login submit button */
a.loginSubmit:link, a.loginSubmit:visited {
	float:left;
	width:83px;
	height:33px;
	text-decoration: none;
	background-image: url(../mymirena/registration/images/btn-submit-on-blue-a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:28px;
}
a.loginSubmit:hover, a.loginSubmit:active {	
	float:left;
	width:83px;
	height:33px;
	text-decoration: none;
	background-image: url(../mymirena/registration/images/btn-submit-on-blue-b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:28px;
}
/* ------------------------------------------------- */
/* form styles */
.formElement {
	padding-top:3px;
	padding-bottom:3px;
	float:left;
}
/* state n zip */
.formStateZipCol1 {
	float:left;
	width:113px;
}
.formStateZipCol2 {
	float:left;
	width:113px;
}

/* check box n txt */
.formCheckCol1 {
	float:left;
	width:15px;
	margin:0;
	padding:0;
	padding-top:15px;
	text-align:left;
}
.formCheckCol2 {
	float:left;
	width:175px;
	padding-left:8px;
	padding-top:8px;
  *padding-top: 10px;
}
* html .formCheckCol2 { padding-top:12px; }

/* date dropdowns */
.dob {
	width:60px;
}

/* submit button */
a.submit:link, a.submit:visited {
	float:left;
	width:83px;
	height:33px;
	text-decoration: none;
	background-image: url(../images/buttons/submit_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.submit:hover, a.submit:active {	
	float:left;
	width:83px;
	height:33px;
	text-decoration: none;
	background-image: url(../images/buttons/submit_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* save button */
a.profileSave:link, a.profileSave:visited, a.profileSave:hover, a.profileSave:active {	
	float:left;
	width:75px;
	height:18px;
	text-decoration: none;
	background-image: url(../mymirena/myprofile/images/btn-save.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* cancel button */
a.profileCancel:link, a.profileCancel:visited, a.profileCancel:hover, a.profileCancel:active {	
	float:left;
	width:78px;
	height:18px;
	text-decoration: none;
	background-image: url(../mymirena/myprofile/images/btn-cancel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:20px;
}
/* ------------------------------------------------- */
/* general message page styles */
.generalMessageLeftWrap {
	width:626px;
	height:400px;
	background-image: url(../mymirena/share_with_friend/images/img-share-main.jpg);
	background-repeat: no-repeat;
	background-position: right top;
} 
.messageCol1 {
	float:left;
	width:230px;
	padding-left:45px;
	margin-top:60px;
	text-align:left;
}

/* message button */
a.messageButton:link, a.messageButton:visited {	
	float:left;
	width:74px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-share-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.messageButton:hover, a.messageButton:active {	
	float:left;
	width:74px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-share-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* generalMessageRightWrap */
.generalMessageRightWrap {
	width:580px;
	background-image: url(../mymirena/registration/images/img-welcome-woman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:35px;
	float:left;
}
.generalMessageRightContent {
	float:left;
	width:380px;
	padding-left:180px;
}
.generalMessageRightThreshold {
	width:1px;
	height:260px;
	display:block;
	float:left;
}

/* ------------------------------------------------- */
/* share with friend page styles */
.shareFormWrap {
	width:626px;
	height:400px;
	background-image: url(../mymirena/share_with_friend/images/img-share-main.jpg);
	background-repeat: no-repeat;
	background-position: right top;
} 
.shareFormCol1 {
	float:left;
	width:230px;
	padding-left:45px;
	margin-top:60px;
	text-align:left;
}
.shareField {
	width:250px;
	color:#666666;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:1px;
}	
/* share button */
a.shareButton:link, a.shareButton:visited {	
	float:left;
	width:74px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-share-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.shareButton:hover, a.shareButton:active {	
	float:left;
	width:74px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-share-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------------------------------------------- */
/* optout  styles */
.optoutFormWrap {
	width:624px;
	background-image: url(../mymirena/share_with_friend/images/img-share-main.jpg);
	background-repeat: no-repeat;
	background-position: right top;
} 
.optoutFormCol1 {
	float:left;
	width:230px;
	padding-left:45px;
	margin-top:30px;
	text-align:left;
}
.optoutField {
	width:250px;
	color:#666666;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:1px;
}	

/* submit button */
a.submitButton:link, a.submitButton:visited {	
	float:left;
	width:82px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-submit-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.submitButton:hover, a.submitButton:active {	
	float:left;
	width:82px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-submit-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* check out my mirena button */
a.checkOutMyMirena:link, a.checkOutMyMirena:visited {	
	float:left;
	width:141px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-check-out-mymirena-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.checkOutMyMirena:hover, a.checkOutMyMirena:active {	
	float:left;
	width:141px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-check-out-mymirena-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.shareFormLabel {
	width:400px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
}

.radioButtonRow {
	width:560px;
	display:block;
	clear:both;
	padding-top:4px;
	padding-bottom:4px;
}
.radioButtonRowCol1 {
	float:left;
	width:22px;
}
.radioButtonRowCol2 {
	float:left;
	width:400px;
	vertical-align:middle;
}
/* continue button */
a.continue:link, a.continue:visited {
	float:left;
	width:95px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-continue-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.continue:hover, a.continue:active {	
	float:left;
	width:95px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-continue-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* learn more button */
a.learnMore:link, a.learnMore:visited {
	float:left;
	width:107px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-learn-more-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.learnMore:hover, a.learnMore:active {	
	float:left;
	width:107px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-learn-more-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* send button */
a.sendButton:link, a.sendButton:visited {
	float:left;
	width:68px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-send-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.sendButton:hover, a.sendButton:active {	
	float:left;
	width:68px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-send-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* enjoy e-magazines button */
a.enjoyEmag:link, a.enjoyEmag:visited {
	float:left;
	width:131px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-enjoy-emags-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.enjoyEmag:hover, a.enjoyEmag:active {	
	float:left;
	width:131px;
	height:20px;
	text-decoration: none;
	background-image: url(../mymirena/images/buttons/btn-enjoy-emags-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------------------------------------------- */
/* magazine iframe */
#magazineIframe {
  margin:0px 0px 0px 21px; 
  width:568px; 
  height:750px;
}


/* ------------------------------------------------- */
/* miscellaneous */
#shareFriend {
  display:none;
}
#threshold01Div {
   width:1px; 
   float:left; 
   height:300px;}
   
   
#download-area {
  background: transparent url(../mymirena/widget/images/download.gif) 0px 0px no-repeat;
  height: 270px;
}
.pc_version,
.mac_version {
  display: block;
  position: relative;
  width: 96px;
  height: 20px;
  text-indent: -9999px;
}
.pc_version {
  background: transparent url(../mymirena/widget/images/btn-pc-off.gif) 0px 0px no-repeat;
  top: 159px;
  left: 38px;
}
a.pc_version:hover {
  background: transparent url(../mymirena/widget/images/btn-pc-on.gif) 0px 0px no-repeat;
}
.mac_version {
  background: transparent url(../mymirena/widget/images/btn-mac-off.gif) 0px 0px no-repeat;
   width: 107px;
   top: 139px;
   left: 166px;
}
a.mac_version:hover {
  background: transparent url(../mymirena/widget/images/btn-mac-on.gif) 0px 0px no-repeat;
}
