/* share.css Selected CSS from Sears for
   the feature "Share This Item"         */

/*header and close styles */
#modalWrapper h2{border-bottom:1px solid #999; margin:13px 13px 12px 13px; font-size:1.1em; line-height:1.4; padding-bottom:12px;text-align:left;}
#modalWrapper h2 a#closeButton {float:right; cursor:pointer;}
/*list styles*/
#modalWrapper dl#shareThis{ border-bottom:1px dotted #ccc; height:125px; margin: 0px 12px 13px 12px; padding:0px 12px 0px 12px;}
#modalWrapper dl#shareThis.offScreen{display:none;}
#shareModalAbsoluteWrap #modalWrapper p {font-size:1em;margin:8px 13px 8px 13px;}
#modalWrapper dl#shareThis dd{float:left; width:75px; margin:0; padding:0; cursor:pointer; padding-left:32px; background-repeat:no-repeat; background-position:left; font-size:1em; margin:3px 0px 3px 0px; border:1px solid #fff; display:inline-block; background-image:url(../images/share/icons/share_sprite.gif); }
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd.left{margin-left:20px; width:85px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd.current{ border:1px solid #FFFFCC}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dt{font-size:1em; margin:5px 0px 10px 0px;}

/* icon classes */
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareEmail{ background-position: 0px -73px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareDigg{ background-position: 0px -49px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareMyspace{ background-position: 0px -121px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareFacebook{ background-position: 0px -98px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareIM{ background-position: 0px 0px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareDelicious{ background-position: 0px -24px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareStumbleUpon{ background-position: 0px -143px;}
#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd#shareTwitter{ background-position: 0px -167px;}
/*send emailwrapper */
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper {display:none; margin:0; *padding-bottom:15px;}
#shareModalAbsoluteWrap #modalWrapper div#sendEmailWrapper p span.requiredFields{font-size:.8em; display:block; margin:5px 0px;}
#shareModalAbsoluteWrap #modalWrapper div#sendEmailWrapper h3{ background:url(../images/share/icons/share_sprite.gif) 0px -73px no-repeat; padding-left:35px; margin:0px 12px 0px 12px; text-align:left; font-size:1em;}
/*fieldset styles */
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset{border:none; margin:0px 12px 0px 12px; padding:0;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset label {display:block;float:left; font-size:.9em;margin:8px 5px 8px 0px;text-align:right;width:105px; overflow:hidden;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset span#charLeft{font-size:.9em; float:left; display:block; width:100px;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input {display:block;float:left;margin:5px 0px;width:150px;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .fail{border:2px solid #990000;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input.sendEmail{ width:90px; height:22px; float:right;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset label.message{text-align:left; float:none; clear:both; display:block; display:block; width:auto; margin:10px 0px 2px 0px;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .textAreaWrapper{margin:0; padding:0; display:block; margin-right:12px;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .textAreaWrapper textarea{width:100%; }
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper input, #modalWrapper #sendEmailWrapper select, #modalWrapper #sendEmailWrapper label {cursor:pointer;}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .instructs{display:block;float:right;font-size:.8em;line-height:1;margin:2px 5px 2px 0px;padding:2px 2px 0;width:160px;}

/* Dk modifications */
#shareModalAbsoluteWrap {
    position: absolute;
    display: block;
    width: 232px;
    z-index: 10000;
    border: solid 1px #CCC; }

#modalWrapper {
    padding: 0 0 10px 0;
	background: #fff; }

#modalWrapper dl#shareThis {
    border: none;
    margin: 0;
    padding: 0;
    height: 110px;
    background: none; }

#shareModalAbsoluteWrap #modalWrapper dl#shareThis dt {
    font-size: 1.1em;
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
    color: #19A5CD; }

#shareModalAbsoluteWrap #modalWrapper dl#shareThis dd.left {
    margin-left: 5px;
    display: inline; /* avoid IE6 double float margin bug */
    width: 80px;
}
#modalWrapper h2 {
    float: none;
    width: 212px;
    color: #666666;
    margin: 0;
    padding: 5px 10px;
    background-color: #f2f2f2;
    font-weight: normal;
    font-size: 1em;
    border: none;
}

#modalWrapper h2 a#closeButton,
#modalWrapper h2 a#closeButton:hover {
    display: block;
    position: relative;
    right: -7px;
    width: 7px;
    height: 8px;
    margin: 2px;
    background: url(../images/share/closeModal.gif) 0 0 no-repeat;
	line-height: auto;
	font-size: 0px;
}
#modalWrapper h2 a#closeButton:hover {
    background-position: 0 100%;
}
#modalWrapper h2 a#closeButton img {
    display: none;
}
#modalWrapper dl#shareThis dd#shareTwitter,
#modalWrapper dl#shareThis dd#shareStumbleUpon {
    padding-bottom: 7px;
    margin-bottom: 0;
}
#shareModalAbsoluteWrap #modalWrapper div#sendEmailWrapper h3 {
    color: #19A5CD;
    font-size: 1.1em;
    padding: 5px 0 0 0;
    background: none;
}
#shareModalAbsoluteWrap #modalWrapper div#sendEmailWrapper p {
    margin: 1px 11px;
}
#modalWrapper form#emailToFriend {
    width: 100%;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset label {
    font-weight: bold;
    width: 76px;
    margin: 7px 5px 8px 0;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input {
    width: 120px;
    font-size: 0.9em;
    padding: 1px;
    border: 1px solid #D0D0D0;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset label.message {
    margin: 5px 0 2px;
}
#shareModalAbsoluteWrap #modalWrapper div#sendEmailWrapper p span.requiredFields{
    font-size: 0.8em;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .instructs {
    width: 196px;
    font-size: 0.9em;
    margin: 0 5px 5px 0;
    text-align: right;
    padding: 0 2px 0;
    color: #565656 !important;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .textAreaWrapper {
    margin: 0;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset .textAreaWrapper textarea {
    width: 203px;
    border: 1px solid #D0D0D0;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input.sendEmail,
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input.sendEmail:hover {
    /* complete 3-rule cross-browser image replacement */
    display: block;
    width: 83px;
    height: 29px;
    margin: 5px 3px 5px 0;
    padding: 0;
    text-indent: 9000px;
    color: transparent;
    border: none;
    text-transform: uppercase; /* for IE text replace */
    background: url(../images/share/sendEmail.png) 0 0 no-repeat;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset input.sendEmail:hover {
    background-position: 0 100%;
}
#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper fieldset button.sendEmail {
	background: url(../images/share/send_email.gif) repeat scroll 0 0;
	border: none;
	cursor: pointer;
	float: right;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 90px;
}

#shareModalAbsoluteWrap #modalWrapper #sendEmailWrapper .sendEmailError {
	clear: both;
	color: #FF0000;
	margin: 0 0 2px 80px;
	overflow: hidden;
}

#shareBorder {
	position: absolute;
}