/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*  WhitelistNow
/*  Copyright 2008
/*
/*  Cascading Style Sheet
/*
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald (Pure Innovation)
/* ---------------------------------------------------------------------- */

/* ###################################### */
/* RESETING
/* ###################################### */
ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #444;
  background-color: #FFFFFF;
}

a
{
  font-size: 1em;
  color: #4684BE;  
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a.small
{
  font-size: 0.9em;
}

/* The Close button (Actually, back) */
a.widget_back_button {
	display:block;
	width:16px;
	height:16px;
	position:absolute; 
	top: 8px;
	right: 8px;
}

h2 {
	font-size: 1.4em;
	font-family: Arial, Verdana, sans-serif;
	color: #262F35;
}

h3 {
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  color: #262F35;
}

p { 
  line-height: 1.4;
  float: left;
  clear: both;
  margin: 5px 0px;
  width: 420px;
}

div#middle p {
  width: 200px;
}

select {
  width: 190px;
  margin-bottom: 5px;
  color: #444;
}

/* ###################################### */
/* GENERAL
/* ###################################### */

.bold {
  font-weight: bold;  
}

.blue {
  color: #4684BE;
}

.float_left {
  float: left;  
}

.float_right {
  float: right;  
}

.pad_top_bottom {
  padding: 10px 0px 10px 0px;
}

.pad_top {
  padding-top: 10px;
}

.separator {
  padding: 15px 0px 15px 0px;
}

.margin_top_bottom {
  margin: 0px 0px 10px 0px;
}

.margin_top {
  margin: 5px 0px -8px 0px;
}

.icon_exclamation {
  float: left;
}

.icon {
  margin-right: 5px;
  float: left;
}

div#widget_container {
  margin: 2px;
  float: left;
  width: 480px;
  background: url(../images/widget/main_bg_middle.gif) 0 0 repeat-y; 
}

div#widget_container div.content_full_width {
  width: 466px;
  margin: 7px;
  margin-bottom: 6px;
  background: url(../images/widget/content_bg_full_width_middle.gif); 
}

div#widget_container div.content_full_width_top {
  background: url(../images/widget/content_bg_full_width_top.gif) 0 0 no-repeat; 
  padding: 4px 23px 0px 23px;
  position:relative;
}

div#widget_container div.content_full_width_bottom {
  background: url(../images/widget/content_bg_full_width_bottom.gif) 0 0 no-repeat; 
  height: 7px;
  overflow: hidden; /*for IE 6*/
}

div#widget_container div.content_half_width {
  display: inline;
  width: 230px;
  float: left;
  margin: 0px 0px 7px 7px;
  background: url(../images/widget/content_bg_half_width_middle.gif); 
}

div#widget_container div.content_half_width.right {
  margin: 0px 0px 7px 6px;
}

div#widget_container div.content_half_width_top {
  background: url(../images/widget/content_bg_half_width_top.gif) 0 0 no-repeat; 
  padding: 4px 20px 0px 20px;
}

div#widget_container div.content_half_width_bottom {
  background: url(../images/widget/content_bg_half_width_bottom.gif) 0 0 no-repeat; 
  height: 7px;
  overflow: hidden; /*for IE 6*/
  clear: both; 
}

div.content {
  float: left; 
  width: 100%;
}

/* ###################################### */
/* HEADER (address to whitelist etc)
/* ###################################### */

div#header_title_gift_container {
  float: left;
  width: 447px;
  display:block;
  clear: both; 
}

div#header_title_gift_container div#gift_message_link_container {
  float: left;
  padding-top: 12px;  
  font-size: 2.0em;
  font-family: Arial, Verdana, sans-serif;
  color: #262F35;
}

div#header_title_gift_container div#gift_message_link_container a {
  border-bottom: none;
  text-decoration: underline;  
}

div#header_title_gift_container div#gift_message_link_container a:hover {
  border-bottom: none;
  text-decoration: none;  
}

div#address_to_whitelist {
  float: left;
  clear: none;
  margin-top: 15px;
  margin-left: 0px;
  width: 420px;
  height: 25px;
  padding: 4px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  text-align: left;
  background: url(../images/widget/address_to_whitelist_bg.gif) 0 0 no-repeat;
}

div#copy_to_clipboard_container {
  padding-left: 322px;
}

/* ###################################### */
/*  HOW TO WHITELIST
/* ###################################### */

div#learn_more img {
  padding-right: 1px;
}

div#learn_more {
  padding-right: 1px;
  padding-left: 25px;
  background:url(/images/widget/icon_i.gif) top left no-repeat;
}

div#how_to_video_container {
  width: 100%;
  text-align: center;
  position: relative;
  left: -7px;
}

div#how_to_text_container {
  width: 100%;
}

div#how_to_text_container ol {
  margin-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
  //margin-left: 5px;
}

div#how_to_text_container ol li {
  margin-bottom: 4px;
}

/* ###################################### */
/*  FOOTER
/* ###################################### */

div#footer div#footer_content {
  float: left;
  width: 440px;
  padding-left: 20px
}

div#footer div#footer_content img.plus {
  float: left;
  padding: 5px 5px 0px 0px;
}

div#footer div#footer_content img.logo {
  padding-top: 6px;
  padding-left: 2px;
}

div#footer div#footer_content a {
  color: #FFFFFF;
  text-decoration: none;
}

div#footer div#footer_content a.add_link {
  float: left;
  padding: 7px 0px 0px 0px;
}

div#footer div#footer_content p {
  float: left;
  padding-top: 6px;
  color: #FFFFFF;
}

div.floated-errors{
  position:absolute; 
  width:445px;
  top:5px;
  left:12px;
}
div.floated-errors #errors_container{
  background:url(/images/widget/see-through-error-bg.png) top left repeat transparent;
}


/* DESIGN REFRESH */

div#widget_container {
  height: 600px;
  width: 480px;
  background-image: url('/images/widget/refresh/background.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 10px 10px;
}

div.contentContainer {
  width: 426px;
  margin: 7px;
  margin-left: 20px;
  margin-bottom: 12px;
  float: left;
  clear: both;
}

h1 {
  float: left;
  clear: both;
  font-size: 1.8em;
  font-family: Arial, Verdana, sans-serif;
  color: #262F35;
}

img#whitelist_header {
  position: absolute;
  top: 10px;
  left: 13px;
}

/* header */

div#header_container {
  position: absolute;
  top: 53px;
  left: 13px;
}

div#copy_address {
  background-image: url('/images/widget/refresh/copy_address.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 7px 10px 13px 10px;
  height: 16px;
  width: 400px;
  float: left;
  clear: both;
  font-family: Arial, Verdana, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #004E96;
  position: absolute;
  top: 77px;
  left: -1px;
}

a#copy_to_clipboard {
  background-image: url('/images/widget/refresh/copy_address.png');
  background-position: top right;
  background-repeat: no-repeat;
  height: 36px;
  width: 59px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: none !important;
}

a#copy_to_clipboard:hover {
  text-decoration: none !important;
}
/* free gift */

a#free_gift_icon {
  position: absolute;
  top: 4px;
  left: 385px;
  outline: 0px;
}

div#free_gift_container {
  position: absolute;
  width: 452px;
  height: 392px;
  top: 80px;
  left: 16px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/images/widget/refresh/free_gift_bg.png');
  z-index:131;
}

div#free_gift_container h2.header {
  position: absolute;
  top: 22px;
  left: 35px;
}

div#free_gift_footer {
  width: 378px;
  padding: 0px 37px;
  position: absolute;
  bottom: 17px;
  height: 105px;
}

div#free_gift_footer h3 {
  margin-bottom: 10px;
}

div#free_gift_footer ol {
  padding: 0px;
  margin: 0px;
  position: relative;
  left: -5px;
}

div#free_gift_footer ol li {
  padding-left: 0px;
}

div#free_gift_container iframe {
  /* IE6 select tag z-index hack */
  display:block;
  filter:mask();
  height:392px;
  position:absolute;
  width:452px;
  z-index:-1;
}

div#free_gift_container div#col_left {
  height: 150px;
  width: 150px;
  position: absolute;
  left: 24px;
  top: 77px;
  overflow: hidden;
}

div#col_left img {
}

div#free_gift_container div#col_right {
  height: 180px;
  width: 220px;
  position: absolute;
  top: 70px;
  left: 187px;
}

div#col_right p {
  width: 230px !important;
  margin-top: 11px;
  line-height: 1.35;
}

div#free_gift_container ol {
  margin-left: 23px;
}

div#free_gift_container ol li {
  margin-bottom: 10px;
}

a.close-free-gift{
  display:block;
  padding-left:10px;
  position:absolute;
  top:22px; right:26px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url('/images/widget/refresh/close.png');
}


/* middle */

div#message {
  position: absolute;
  top: 327px;
  left: 32px;
}

div#middle {
  background-color: #D9DBDC;
  padding: 5px;
  height: 115px;
  width: 410px;
  position: absolute;
  top: 181px;
  left: 12px;
}

div.middleColumn {
  background-color: #FFFFFF;
  float: left;
  clear: none;
  width: 189px;
  height: 102px;
  padding-top: 13px;
  padding-left: 15px;
}

ul#email_providers_list {
  width: 100%;
  list-style: none;
  float: left; 
  clear: both;
  position: relative;
  left: -10px;
}

ul#email_providers_list li {
  float: left;
  width: 33%;
  text-align: center;
}

div.ddContainer select {
  background-color:#FFFFFF;
  cursor:pointer;
  height:30px;
  left:0px;
  margin-top:-3px;
  //margin-top:5px;
  opacity:0;
  filter: alpha(opacity=0);
  outline-style:none;
  outline-width:0;
  padding-top:8px;
  position:absolute;
  width:176px;
  z-index:2;
  font-size: 12px;
}

div.ddCurrent {
  color:#333333;
  font-size:15px;
  height:30px;
  line-height:28px;
  margin-left:10px;
  position:absolute;
  z-index:1;
  font-size: 12px;
}

div.ddContainer {
  background-image: url('/images/widget/refresh/dropdown.png');
  background-position: top left;
  background-repeat:no-repeat;
  clear:none;
  float:left;
  height: 28px;
  position:relative;
  width: 176px;
}


/* footer */

div#footer {
  font-size: 11px;
  position: absolute;
  top: 565px;
  left: 6px;
}

div#footer div.float_left {
  margin-top: 2px;
  margin-left: 6px;
}

div#footer div.float_left a span {
  position: relative;
  top: -2px;
  left: 2px;
}

div#footer a {
  text-decoration: none !important;
}

div#footer a:hover {
  text-decoration: underline !important;
}

div#footer a#powered_by {
  font-weight: normal;
  color: #666666;
}

div#footer a#powered_by:hover {
  text-decoration: none !important;
}

div#footer a#powered_by img {
  position: relative;
  top: 1px;
  margin-left: 2px;
}


/* Content pane */

div#overlay_window {
  background-color: #FFFFFF;
  border: 5px solid #D9DBDC;
  border-left-width: 5px;
  height: 364px;
  width: 410px;
  position: absolute;
  top: 188px;
  left: 32px;
  z-index: 121;
}

div#overlay_window iframe {
  /* IE6 select tag z-index hack */
  display:block;
  filter:mask();
  height:374px;
  position:absolute;
  top: -5px;
  left: -5px;
  width:420px;
  z-index:-1;
}

div#overlay_header {
  height: 27px;
  width: 395px;
  border-bottom: 1px solid #D9DBDC;
  padding-top: 7px;
  padding-left: 15px;
}

div#overlay_header a.close {
  position: absolute;
  top: 7px;
  right: 15px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url('/images/widget/refresh/overlay_close.png');
  height: 20px;
  width: 20px;
  display: block;
}

div#overlay_content {
  width: 390px;
  height: 309px;
  position: absolute;
  top: 41px;
  left: 6px;
  padding: 10px;
}

div#overlay_loading {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 139px;
  left: 179px;
  background-image: url('/images/widget/refresh/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

/* Whitelist widget */

form#whitelist_wizard_form ul {
  list-style: none;
  width:100%;
  overflow:hidden;
}

form#whitelist_wizard_form ul li {
  display: block;
  float:left;
  clear: both;
  width: 385px;
  margin-bottom: 10px;
}

form#whitelist_wizard_form ul li.huge {
  width: 100%;
}

form#whitelist_wizard_form ul li label {
  color: #000000;
  font-size: 13px;
  float: left;
  clear: none;
  width: 95px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  line-height: 30px;
  display: block;
  margin-right: 10px;
  text-align: right;
}

form#whitelist_wizard_form ul li p.no_label {
  float: left;
  font-family: Arial, Verdana, sans-serif;
  padding-bottom: 10px;
}

p.locked {
  float: left;
  clear: none;
  padding-left: 25px;
  background-image: url('/images/widget/refresh/lock.png');
  background-position: 10px 5px;
  background-repeat: no-repeat;
  width: 190px;
  font-size: 11px;
  color: #333;
  line-height: 1.2;
  height: 40px;
  padding-top: 5px;
  //margin-top: 10px;
}

form#whitelist_wizard_form ul li input.text {
  background-color: #FFFFFF;
  border:0 none;
  height: 16px;
  overflow:hidden;
  padding: 7px;
  width: 260px;
  float: left;
  clear: none;
  background-image: url('/images/widget/refresh/field.png');
  background-position: top left;
  background-repeat: no-repeat;
}

form#whitelist_wizard_form div.button_wrapper {
  margin-right: 10px;
  //margin-top: 10px;
}

form#whitelist_wizard_form ul li input.image {
  float:right;
  margin-bottom:15px;
}

div#thank_you_free_gift_container {
  height: 180px;
}

div#thank_you_free_gift_container div#col_left {
  float: left;
  width: 150px;
  height: 170px;
  padding: 15px;
  overflow: hidden;
}

div#thank_you_free_gift_container div#col_right {
  float: left;
  width: 225px;
  padding: 15px 15px 15px 0px;
}

p.signin {
  margin-top: 13px;
  margin-bottom: 15px;
  margin-left: -1px;
}

/* how to */

div#top_links {
  position: relative;
  top: -12px;
  //top: -12px;
}

div#top_links a {
  text-decoration: underline;
}

div#top_links a:hover {
  text-decoration: none;
}

#how_to_video_container {
  margin-top: 20px;
}

/* screen door buttons */

.button_wrapper{
  overflow: hidden;
  max-width: 400px;
  margin-top: 5px;
  margin-right: 10px;
}

a.button_blue_bg{
  background: transparent url('/images/button_left_blue_bg.gif') no-repeat top left;
  display: block;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 13px;
  height: 39px;
  padding-left: 19px;
  text-decoration: none;
  text-transform: uppercase;
}

a:link.button_blue_bg, a:visited.button_blue_bg, a:active.button_blue_bg {
  color: #262F35 !important; /*button text color*/
  text-decoration: none !important;
}

a.button_blue_bg span{
  background: transparent url('/images/button_right_blue_bg.gif') no-repeat top right;
  display: block;
  padding: 14px 40px 13px 0px;
}

/* end of screen door buttons */

.hide_button {
  position: absolute;
  left: -9999em;
  top: -9999em;
  overflow: hidden;
  text-indent: -1000em;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
}

.widget_margin_left {
  margin-left: 15px;
}

p.widget_margin_left {
  margin: 5px 15px;
}

/* errors */

div#errors_container {
  float: left;
  display: block;
  clear: both;
  width: 350px;
  background-color: #FFCACA;
  padding: 10px 15px;
  padding-bottom: 11px;
  margin: 0px 0px;
  margin-bottom: -10px;
  position: relative;
  top: -12px;
  left: -20px;
}

div#errors_container ul {
  list-style: none;
}