/*Children International Channel page*/
/*-------------------------------------------------------------------------
= Struture
--------------------------------------------------------------------------*/
html, body {
    height: 100%;
    text-align:left;
    width: 100%;
}
body {
	background: #d6dce8 url(/agbeta/channel/childreninternational/bg-gradient.jpg) repeat-x left top;
	position: relative;
}
pre {
	font-family:Arial, Helvetica, sans-serif;
	white-space:normal;
	width:550px;
}
#agi-page {
    font-size: 12px;
    line-height: 1.3em;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
}
#agi-main {
    background: url(/agbeta/channel/childreninternational/bg-solid-800w.png) transparent repeat-y 0 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0 0;
    position: relative;
    width: 800px;
    z-index: 20;
}

body#agi-ci-ecard #agi-main {
	background: url(/agbeta/channel/childreninternational/bg-solid.png) transparent repeat-y 0 0;
	width: 676px;
}

#agi-header {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 585px;
}
#agi-footer {
    background-color: #1a3d82;
    border-top:0px none;
    bottom: 0;
    height:100px;
    overflow: hidden;
    position: relative;
    width:100%;
    z-index: 30;
}
#agi-channelmessage, #agi-main form {
    margin: 10px auto 20px auto;
    text-align:left;
    width:550px;
}
#FlashProduct_div {
    margin: 0 auto;
}
.spanish #FlashProduct_div {
    margin: 0 auto;
}
#agi-channel-ecard {
    margin: 20px auto 0 auto;
}
/*-------------------------------------------------------------------------
= Graphics/Images
--------------------------------------------------------------------------*/
#agi-header .img-replace {
    background: url(/agbeta/channel/childreninternational/img-logo.jpg) no-repeat 0 2px transparent;
    display: block;
    height: 105px;
    left: 348px;
    margin: 0px auto;
    top: -20px;
    width: 241px;
}
.spanish #agi-header .img-replace { 
    background-position: -54px 2px;
    left: 402px;
    width: 181px;
}
.agi-graphic {
    background: url(/agbeta/channel/childreninternational/img-kids.jpg) transparent no-repeat 3px 0;
    clear: both;
    display: block;
    height: 134px;
    margin: 0px auto;
    width: 640px;
}
.agi-logo {
    height:83px;
    left: 432px;
    margin:0 50px 0 auto;
    position:relative;
    top:0;
    width:151px;
}
a.agi-logo { cursor:pointer; }
.agi-logo img {
    border: 0px none;
    height: inherit;
    widows: inherit;
}
/*-------------------------------------------------------------------------
= Type
--------------------------------------------------------------------------*/
#agi-header h1, #agi-header h2, #agi-header p { color: #1A3D82; }
#agi-header h1 {
    font-size:20px;
    font-weight:900;
    line-height: 1;
    margin:38px 0 2px 6px;
    text-transform:none;
}
#agi-header h2 {
    font-size:18px;
    font-weight:900;
    letter-spacing:0;
    position:absolute;
    right:10px;
    text-align:right;
    text-transform:uppercase;
    top:30px;
    width:165px;
}
#agi-header p {
    font: normal normal 14px/1.25 arial;
    margin:21px 0 12px 8px;  
}
#agi-header .base { margin-top:6px; }
.spanish #agi-header .base { 
    margin:6px 0 0 8px; 
}
#agi-header p#agi-tagline {
    font: normal normal 12px/1.4 arial;
    margin: 0 0 0 8px;    	
    width: 301px;
}
.spanish #agi-header p#agi-tagline {    	
    width: 320px;
}
#agi-footer p {
    color: #FFF;
    font: normal normal 12px/1 arial;
    margin:29px auto 0;
    padding-left: 39px;
    text-align: left !important;
    width:600px;
}
.img-replace {
    left: 0px;
    position: absolute;
    top: 0px;
}
#agi-translations {
    color: #931F20; 
    font: 12px/16px arial,sans-serif; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    position: relative; 
    overflow: hidden; 
    width: 300px;
}
#agi-translations li {
    float:left;
}
#agi-translations .selected a {
    color: #931F20;
    text-decoration: none;
}
#agi-translations li {
    color: #CA8E90; 
}

/*-------------------------------------------------------------------------
= Facebook Lightbox
--------------------------------------------------------------------------*/
#agi-footer,
#agi-xfooterback {
    margin:0 auto;
}

#agi-xfooterback {
    background-image:none;
}

#agi-footerwrap {
    margin:0 auto;
    width:933px;
}
#facebook_lightbox{
    display:none;
}
#agi-ecards-customshare #agi-ecardheadleft {
  margin: 20px 0 30px 0;
}
#agi-ecards-customshare p#agi-sharechoose {
  margin: 0 0 4px 0;
  color: #7d7957;
  font-size: 12px;
  text-transform: lowercase;
}
#iframe-fb-usage {
  width: 0;
  height: 0;
  border: 0;
}
#agi-fb-send {
  margin: 0;
  padding: 30px;
  width: 510px;
  background: url(/agbeta/ecards/fb-share-top.jpg) no-repeat left top;
}
#agi-fb-send-bot,
#agi-fb-signed-out {
  padding: 0;
  width: 570px;
  background: url(/agbeta/ecards/fb-share-bot.png) no-repeat left bottom;
}
#agi-fb-send h1 {
  margin: 0 30px 0 0;
  padding: 10px 0 0 0;
  float: left;
  text-align: left;
}
#agi-fb-send h2 {
  margin: 0;
  padding: 10px 0 20px 0;
  text-align: left;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
#agi-fb-send #fbImage {
  margin: 8px 0 0 0;
  padding: 0;
  float: left;
}
#agi-fbshare-product,
#agi-fbshare-status {
  margin: 0 0 20px 0;
  width: 510px;
  overflow: hidden;
}
#agi-fbshare-status {color: #666;}
.agi-fbshare-thumb {float: left;}
.agi-fbshare-cap {
  margin: 18px 0 0 14px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  float: left;
  width: 380px;
}
#agi-fbshare-welcome {
  margin: 14px 0 0 14px;
  padding: 0;
  color: #666;
  font-size: 14px;
  float: left;
  width: 380px;
}
#agi-fbshare-options {
  margin: 0 0 0 112px;
  padding: 0;
  width: 306px;
  text-align: center;
  color: #006;
}
.agi-fbshare-lgtext {
  font-size: 18px;
  font-weight: bold;
}
.agi-fb-friendwallpost {
  margin: 0 0 20px 0;
}
a.agi-fbshare-ownwallpost {
  margin: 0 0 20px 0;
  font-size: 16px;
  display: block;
  color: #006;
}
#agi-fbshare-mownwallpost a.agi-fbshare-ownwallpost {
  margin: 0 0 0 25px;
  display: inline;
}
#agi-fbshare-options p {
  text-align: center;
  color: #006;
}
span#agi-fbshare-mstatus {
  display: block;
}
span#agi-fbshare-user {
  color: #006;
}
h2#agi-head-fbshare-friendwallpost {
  margin: 0 0 2px 0;
  padding: 0;
  width: 510px;
  height: 36px;
  background: url(/agbeta/ecards/head-fbshare-friendwallpost.gif) no-repeat 38px 0;
  text-indent: -9999px;
}

#agi-fbshare-finished {
  margin: 0 0 10px 0;
  padding: 0 0 20px 98px;
  border-bottom: 1px solid #d8d197;
  width: 412px;
  overflow: hidden;
}

#agi-fbshare-finished p {
  margin: 0;
  padding: 0;
  width: 282px;
  float: left;
  font-size: 10px;
  color: #666;
  line-height: 1.2em;
}

#agi-fbshare-finished a#ppp_confirm {
  margin: 0;
  padding: 0;
  width: 124px;
  height: 25px;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(/agbeta/button/fb-finishedposting.gif) no-repeat 0 0;
}

#agi-fbshare-friends {
  margin: 0 auto 10px auto;
  padding: 0;
  width: 510px;
  height: 475px;
  overflow-y: auto;
  text-align: center;
}
.agi-fb-thumbrow {
  margin: 0 0 18px 0;
  padding: 0;
}
#agi-fbshare-friends ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 485px;
  overflow: hidden;
  text-align: left;
}
#agi-fbshare-friends .agi-fb-thumbrow ul li {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
  width: 155px;
  font-size: 10px;
}
#agi-fbshare-friends .agi-fb-thumbrow ul li span {
  width: 92px;
  overflow: hidden;
  float: left;
}

#agi-fbshare-friends .agi-fb-thumbrow ul li img {
  margin: 0 2px 0 0;
  padding: 3px;
  width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  float: left;
}

#agi-fbshare-friends .agi-fb-thumbrow ul li a {
  display: block;
  color: #06c;
}
#agi-fbshare-friends ul li a:hover {
  text-decoration: none;
}
#agi-fbshare-mthumb {
  margin: 0;
  padding: 5px;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
}
#agi-fbshare-mownwallpost {
  margin: 0;
  padding: 22px 0 22px 56px;
  border-top: 1px solid #d8d197;
  color: #006;
}