/* ACCOUNT STYLESHEET
Styles for the manage account and enews reg pages
-------------------------------------------------- */

div.member {
  margin-bottom: 15px;
}

div.member h2 {
  color: #036;
  font-size: 1.4em;
}

#account_wrap {
  float: left;
  width: 100%;
  position: relative;
}

#account_tabs {
  width: 660px;
}

#account_tabs input.form-text {
  width: 50%;
}

#account_tabs textarea, #account_tabs select {
  display: block;
  margin-bottom: 5px;
}

#actions {
  background: #eee url(../images/account/actions_point.gif) -1px -1px no-repeat;
  border: 1px solid #d3d3d3;
  border-left-color: #fff;
  position: absolute;
  top: 31px;
  right: 0;
  width: 304px;
  height: 56px;
  z-index: 10;
}

#actions * {
  display: inline;
  margin: 0;
  position: absolute;
}

#edit-submit {
  top: 15px;
  padding: 2px 4px;
  font-size: 13px;
  background: #036;
  width: 45%;
  display: inline;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  left: 40px;
}

#edit-submit:hover, #edit-submit:active {
  background: #69c;
}

#actions a {
  color: #aaa;
  font-size: 11px;
  border-left: 1px solid #ddd;
  padding: 0 20px;
  right: 20px;
  top: 22px;
  width: auto;
  text-decoration: underline;
}

#help {
  position: absolute;
  width: 285px;
  right: 0;
  top: 110px;
}

#help ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#help li {
  padding: 3px 0 3px 15px;
  background: url(../images/ui-all/888888_7x7_arrow_left.gif) 0 50% no-repeat;
}

div.img_assist-button {
  display: none;
}

/* E-news tab */

#tab_enews {
  padding: 1.5em;
}

#enews_subs {
  float: left;
  width: 100%;
}

#enews_subs.drag_drop {
  background: url(../images/account/drag_arrows.gif) center 50px no-repeat;
}

#enews_subs h4 {
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
}

#enews_subs p {
  font-size: 10px;
}

.ui-tabs-nav li {
  z-index: 0;
}

.enews_list li {
  background: #fff url(../images/account/email_icon.png) -15px -5px no-repeat;
  border: 1px solid #ddd;
  cursor: move;
  display: block;
  margin: 0 0 5px;
  padding: 4px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 100%;
}

.enews_list li.ui-draggable-dragging {
  width: 270px;
}

.enews_list li label {
  color: #993;
  cursor: move;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0 25px 0 28px;
}

.enews_list li div {
  padding: 0 5px;
}

.enews_list li div.desc span {
  color: #444;
  cursor: text;
  font-size: 10px;
  padding: 3px 0 3px 25px;
}

.enews_list li div.desc span a, .enews_list li div span.desc a:hover {
  background: none;
  color: #06c;
  display: block;
  margin-top: 5px;
  padding: 0;
}

.enews_list li div span a:hover {
  color: #f60;
  text-decoration: underline;
}

#unsubscribed {
  background: #f1f1f1 url(../images/account/drop_msg_unsub.gif) -9999px no-repeat;
  border: 1px dashed #ddd;
  border-top: 3px solid #bbb;
  float: left;
  min-height: 320px;
  padding: 10px 12px 25px 10px;
  width: 40%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#unsubscribed.dropzone {
  background-color: #ddd;
  border-color: #aaa;
}

#unsubscribed.dropzone.over {
  background-position: center bottom;
}

#unsubscribed ul, #subscribed ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#subscribed {
  background: #369 url(../images/account/drop_msg_sub.gif) -9999px no-repeat;
  border: 1px dashed #000;
  border-top: 3px solid #036;
  color: #fff;
  float: right;
  min-height: 320px;
  padding: 10px 10px 25px;
  width: 40%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#subscribed.dropzone {
  background-color: #036;
  border-color: #036 #ccc #ccc #ccc;
}

#subscribed.dropzone.over {
  background-position: center bottom;
}

#subscribed h4 {
  color: #fff;
}

#subscribed .enews_list li {
  background: #fff url(../images/account/green_checkmark.gif) 5px 5px no-repeat;
}

#enews_prefs {
  clear: both;
  float: left;
  border-top: 1px solid #eee;
  margin-top: 25px;
  padding-top: 15px;
  width: 100%;
}

#enews_prefs label {
  color: #555;
  display: block;
  padding-bottom: 3px;
  font: bold 12px arial;
}

#enews_prefs #pref_personal {
  width: 50%;
}

div.member #enews_prefs #pref_personal input.form-text {
  width: 300px;
}

#enews_prefs #pref_format {
  float: right;
  font-size: 11px;
  padding: 15px 0 0 15px;
  width: 46%;
}

#enews_prefs #pref_format label {
  font: bold 12px arial;
}

#add_subs, #remove_subs {
  float: right;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  text-decoration: underline;
  width: auto;
}

#remove_subs {
  color: #fff;
}

/* Magazine tab */

#tab_mag {
  background: #fff url(/Media/0903/PS0903_COVER_web.jpg) 30px 20px no-repeat;
}

#tab_mag .sub_wrap {
  padding-left: 140px;
}

#tab_mag .sub_function {
  float: left;
  height: 80px;
  width: 225px;
  padding-right: 10px;
  font-size: 11px;
}

#tab_mag .sub_function h4 {
  font-size: 12px;
}

#tab_mag .sub_function p {
  color: #666;
  font-size: 11px;
}

/* E-news standalone reg form */

body#enews_reg {
  background: url(../images/footer_bg.gif) repeat-x 0 135px
}

body#enews_reg #page_wrap {
  background: url(../images/tabnav_fade_bg.gif) repeat-x scroll 0 0;
}

body#enews_reg #page {
  border: none;
  background: none;
  width: 622px;
  font-size: 12px;
  padding: 40px 0 0;
}

body#enews_reg #banner {
  padding: 0;
}

body#enews_reg #content {
  margin: 0;
  width: auto;
  line-height: 1.4;
}

body#enews_reg #content h1 {
  margin-top: 0;
  color: #993;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

body#enews_reg #content input.form-text {
  width: 300px;
}

body#enews_reg #email_field {
  clear: both;
}

body#enews_reg #enews_intro {
  margin-bottom: 45px;
}

body#enews_reg #tab_enews {
  padding: 0;
}

body#enews_reg .enews_list li label {
  font-size: 10px;
}

body#enews_reg #action_btns {
  padding: 10px 0;
}

body#enews_reg #edit-submit {
  width: auto;
}

body#enews_reg a#cancel {
  font-size: 11px;
  color: #999;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
  text-decoration: underline;
}

body#enews_reg #footer {
  background: none;
  font-size: 10px;
  border-top: 1px solid #eee;
}