html, body {
    margin:0;
    padding:0;
    background:none repeat scroll 0 0 #E7EBF2;
}
.top-bar {
    height:42px;
    width:100%;
    border-bottom: 1px solid #3d4e7e;
    background: #4e69a2; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e69a2 0%, #3b5998 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e69a2), color-stop(100%,#3b5998)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e69a2 0%,#3b5998 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e69a2 0%,#3b5998 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e69a2 0%,#3b5998 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e69a2 0%,#3b5998 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e69a2', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
}
.top-bar .facebook {
    background:url(top-bar.jpg) no-repeat 0 0 #4d68a1;
    height:42px;
    width:851px;
    margin:0 auto;
}
.top-bar .facebook a {
    position:absolute;
    margin-left:760px;
    top:12px;
    font-family:'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
    color:#9AA9C8;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}
.content {
    background:none repeat scroll 0 0 #E7EBF2;
}
.content iframe {
    overflow:hidden;
}
.content .box {
    width:810px;
    height:100%;
    margin:20px auto;
    padding:20px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C4CDE0;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px 1px 2px;
}