/*styles for popup panels*/
.options .sharewithFriend .popupPanel_sleeve form p {margin: 2px 0 0 0; text-align: right;}
.options .sharewithFriend .popupPanel_sleeve form p a {background: none; padding:0; float: none;}

.popupPanel form {margin:0; padding:0;}
.popupPanel { position: absolute; padding: 2px; background-color: #fff; text-align: left; display: none; zoom: 1; z-index: 10; }
.popupPanel_sleeve { border: 1px solid #959595; padding: 10px 15px}
#resourceOptions .sharewithOthers a { background: none; }
.popupPanel .error {color: #ed1746;}
.popupPanel h3 {color: #0085cf}
.js-enabled .popupPanel .close { position: absolute; top: 8px; right: 8px; cursor: pointer; display: block; text-decoration: underline; margin: 0; background: url(graphics/sprite.png) no-repeat -34px -51px; padding-right: 18px;}
.js-enabled .popupPanel .close:focus, .js-enabled .popupPanel .close:hover { text-decoration: none; }
.js-enabled .popupPanel .close * { vertical-align: middle; }

.options .shareArticle, .options .sharewithFriend { zoom:1;/*:hack:ie6 makes the popup display relatively to its parent*/}
.options .popupPanel.sharewithOthers {position: absolute; top: 25px; width: 280px; z-index:100000;}
.options .popupPanel.sendtoFriend {position: absolute; top: 25px; right: 0; width: 280px; z-index:100000; }
.options .popupPanel.sharewithOthers .popupPanel_sleeve { float: left;}/*for safari 2 to clear floats*/
.options .popupPanel.sharewithOthers .popupPanel_sleeve:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.options .popupPanel.sharewithOthers ul {list-style: none; padding: 0; margin:0; float: left; width: 248px;}
.options .popupPanel.sharewithOthers li {float: left; width: 114px; margin: 0 0 10px 0; padding-right: 10px;}
.options .popupPanel.sharewithOthers li img {float: left; margin-right: 5px}
.options .popupPanel.sharewithOthers li a {margin:0; padding:0; background: none; }

.popupPanel.sendtoFriend form {margin: 0; padding:0;}
.popupPanel.sendtoFriend div {margin-bottom: 5px;}
.popupPanel.sendtoFriend h3 {font-size: 2em;}
.popupPanel.sendtoFriend .popupPanel_sleeve {margin-bottom:0}
.popupPanel.sendtoFriend label {display: block;}
.popupPanel.sendtoFriend input, .sendtoFriend .formbox textarea {width: 240px;}
.popupPanel.sendtoFriend .button {width: auto}
.popupPanel.sendtoFriend .formbox {background: none; margin:0;}
.popupPanel.sendtoFriend .formbox form {background: 0;}
#content .popupPanel.sendtoFriend .formbox label {width: auto;}