/*
FONT SIZES
10px - 77%
11px - 85%
12px - 93%
13px - 100%
14px - 108%
15px - 116%
16px - 123.1%
17px - 131%
18px - 138.5%
19px - 146.5%
20px - 153.9%
21px - 161.6%
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197%
*/

/* RESET */
html{color: #000; background-color: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;background-repeat: no-repeat;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
abbr,acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
del,ins{text-decoration: none;}
body{font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size: small;*font: x-small;}
select,input,button,textarea{font: 99% arial,helvetica,clean,sans-serif;}
table{font-size: inherit;font: 100%;}
pre,code,kbd,samp,tt{font-family: monospace;*font-size: 108%;line-height: 100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,legend{font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;color: #000; background-repeat: no-repeat;}
a, button {text-decoration: none;color: #0068c5;background-repeat: no-repeat; outline:none;}
span, a, strong, caption {background-repeat: no-repeat;}
a:hover, a:visited:hover, button:hover {text-decoration: underline;}
body {background-color: #fff;}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;  color: #282828;*font-size: 100%;}
td {vertical-align: top;}

body, html {
   margin: 0px;
   padding: 0px;
   background: #fff;
}

#facebook_for_media {
  background-color: #fff;
  width: 490px;
  height: 420px;
  border: 3px solid #fff;
  margin: 0 auto;
  color: #000000;
  font-family: "Myriad Pro", Myriad, Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
}

.header p {
  font-size: 138.5%;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.body {
  font-size: 116%;
}
.body p {
  font-weight: normal;
  color: #ccc;
}

.body div.current p, .body div form .current {
  color: #000;
}
.body div {
  border-bottom: 2px solid #ccc;
  margin: 1.5em 1em 1em;
  padding: 2px 2px 5px 2px;
}

.body textarea {
    margin-top: 5px;
    height: 75px;
    width: 300px;
    overflow:hidden;
}

.current {
  background:#eee;
}

.body input#share_button{
  background-color: #3B5998;
  border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  padding: 2px 15px 3px;
  text-align: center;
  font-size: 11px;
  width:65px;
  position:absolute;
  top:0px;
  left:380px;
}

#share_button {
    cursor:pointer;
}

input.simple_butt {
  background-color: #eee;
  border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
  border-style: solid;
  border-width: 1px;
  color: #000;
  padding: 2px 15px 3px;
  text-align: center;
  font-size: 11px;
}

.body textarea {
  color: #ccc;
  background: #fff;
  border: 1px solid #ccc;
  margin: 10px 0;
}

#s1, #s2, #s3 {
  position:relative;
}

.body #check {
  background-image: url('../../images/ts/check.jpg');
  height: 40px;
  width: 48px;
  display: block;
  position:absolute;
  top:-20px;
  left:300px;
}
.footer {
  text-align:center;
  clear:both;
}
.footer a{
  margin:0 8px;
}

#facebook_for_media #embed .header {
  text-align:left;
}

#embed .body {
  text-align:center;
}

#facebook_for_media #embed .header p{
  border-bottom:1px solid #000;
}

#facebook_for_media #embed .header a{
  float:right;
  font-size:13px;
}
#facebook_for_media #embed textarea {
  height:200px;
  color:#666;
}

#download, #thanks {
  text-align:center;
  border:none;
}

#close_embed_button{
  font-weight:normal;
}

#facebook_for_media #embed {
  display:none;
}