/**
 * Copyright (c) 99designs. 2007-2009
 *
 * @source http://css1.99static.com/static/css/modules/facebookconnectprompt.css
 * @version 3.7.35
 */


div#facebookconnectprompt {
position: fixed;
top: 15%;
left: 0px;
width: 100%;
margin: 0;
border: 0;
padding: 0;
}
div#facebookconnectprompt div.content {
width: 700px; 
margin: 0 auto;
border: 10px solid rgba(82, 82, 82, 0.7);
padding: 0;
background: white;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-family: Helvetica, Arial, sans-serif;
}
div#facebookconnectprompt div.content div.inner {
position: relative;
background: white;
height: 335px; 
margin: 0;
border-width: 0;
padding: 20px; 
}
div#facebookconnectprompt.tenDollarPromo div.content div.inner {
height: 420px;
}
div#facebookconnectprompt.loading div.content div.inner {
background: #EEE url('/static/images/ajax-loader.gif') no-repeat center center;
}
div#facebookconnectprompt h1 {

margin: 0;
border-bottom: 4px solid #666;
padding: 0 0 20px 0; 

color: #666;

font-family: Helvetica, Arial, sans-serif;
font-size: 200%;
letter-spacing: -1px;
text-transform: lowercase;
}
div#facebookconnectprompt strong {
font-weight: bold;
}
div#facebookconnectprompt em {
font-style: italic;
}
div#facebookconnectprompt a {
color: #525B6E;
text-decoration: underline;
}
div#facebookconnectprompt p {
margin: 1em 0;
line-height: 1.4;
}
div#facebookconnectprompt ul li {
list-style: square outside;
margin: 0 0 0 1.5em;
}
div#facebookconnectprompt div.facebook-connect {
position: absolute;
height: 30px;
width: 350px;
bottom: 30px;
right: 10px;

text-align: center;
}
div#facebookconnectprompt div.no-thanks {
position: absolute;
height: 30px;
width: 350px;
bottom: 30px;
left: 10px;

text-align: center;
}
div#facebookconnectprompt div.no-thanks button {
height: 25px;
width: 194px;
padding: 4px;
color: #505f81;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
letter-spacing: -1px;
background-color: #f5f5f5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #c2c5cc;
cursor: pointer;
white-space: nowrap;
}
div#facebookconnectprompt div.no-thanks button {
color: #66004f;
background: #f2f2f2 url("/static/images/tab-bg.png") repeat-x 0 0;
border: 1px solid #c2c5cc;
}
div#facebookconnectprompt div.no-thanks button:hover {
text-decoration: none;
background: #f2f2f2 url("/static/images/tab-bg.png") repeat-x 0 -200px;
border: 1px solid #af8aa9;
}
div#facebookconnectprompt div.no-thanks button:active {
color: #33466e;
text-decoration: none;
background: #f2f2f2 url("/static/images/tab-bg.png") repeat-x 0 0;
border: 1px solid #6c7994;
}
div#facebookconnectprompt div.content.faux-borders {
border-width: 0;
padding: 10px;
background: none;
position: relative;
}
div#facebookconnectprompt div.faux-borders div.corner {
position: absolute;
height: 10px;
width: 10px;
}
div#facebookconnectprompt div.faux-borders div.corner.top-left {
top: 0px;
left: 0px;
background-image: url('/static/images/facebookconnectprompt/top-left.png');
}
div#facebookconnectprompt div.faux-borders div.corner.top-right {
top: 0px;
right: 0px;
background-image: url('/static/images/facebookconnectprompt/top-right.png');
}
div#facebookconnectprompt div.faux-borders div.corner.bottom-left {
bottom: 2px;
left: 0px;
background-image: url('/static/images/facebookconnectprompt/bottom-left.png');
}
div#facebookconnectprompt div.faux-borders div.corner.bottom-right {
bottom: 2px;
right: 0px;
background-image: url('/static/images/facebookconnectprompt/bottom-right.png');
}
div#facebookconnectprompt div.faux-borders div.border {
position: absolute;
}
div#facebookconnectprompt div.faux-borders div.border.top {
height: 10px;
width: 700px;
top: 0;
left: 10px;
background-image: url('/static/images/facebookconnectprompt/border.png');
}
div#facebookconnectprompt div.faux-borders div.border.bottom {
height: 10px;
width: 700px;
bottom: 2px;
left: 10px;
background-image: url('/static/images/facebookconnectprompt/border.png');
}
div#facebookconnectprompt div.faux-borders div.border.right {
height: 373px;
width: 10px;
top: 10px;
right: 0;
background-image: url('/static/images/facebookconnectprompt/border.png');
}
div#facebookconnectprompt div.faux-borders div.border.left {
height: 373px;
width: 10px;
top: 10px;
left: 0;
background-image: url('/static/images/facebookconnectprompt/border.png');
}
div#facebookconnectprompt.tenDollarPromo div.faux-borders div.border.right,
div#facebookconnectprompt.tenDollarPromo div.faux-borders div.border.left {
height: 458px;
}