html {
  width: 100%;
  height: 100%;
}

body {
  background-color: #333333;
  overflow: hidden;      
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  font-family: Arial, sans-serif;
}

img {
  border: none;
}

#saymama_logo {
  position: absolute;
  top: 20px;
  left: 20px;  
}

#getflash_frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 360px;
  margin-top: -182px; /*set to a negative number 1/2 of your height*/
  margin-left: -284px; /*set to a negative number 1/2 of your width*/  
}

#getflash_frame div.left {
  background: transparent url(../img/getflash_bg_left.png) no-repeat 0 0;
  width: 20px;
  height: 360px;
  float: left;
}

#getflash_frame div.center {
  background: transparent url(../img/getflash_bg.png) repeat-x 0 0;
  width: 560px;
  height: 360px;
  position: absolute;
  top: 0px;
  left: 20px;
  padding-top: 40px;
}

#getflash_frame div.right {
  background: transparent url(../img/getflash_bg_right.png) no-repeat 0 0;
  width: 20px;
  height: 360px;
  float: right;
}

#getflash_frame a.getflash_button {  
  position: absolute;
  left: 160px;  
  bottom: 80px;  
}

#getflash_frame div.shadow {
  background: transparent url(../img/getflash_shadow.png) no-repeat 0 0;
  position: absolute;
  left: -53px;
  bottom: -65px;
  width: 706px;
  height: 35px;  
  clear: both;
}

#content {    
  position: absolute;       
  width: 100%;    
  bottom: 40px;
  top: 0px;
  left: 0px;
}

.flash_footer_classic, 
.flash_footer_dark,
.flash_footer_wrapper {  
  position: absolute;  
  vertical-align: middle;    
  background-color: #FFFFFF;
  color: #646464;
  font-size: 12px;
  font-weight: normal;  
  line-height: 40px;
  height: 40px;
  text-align: center;
  bottom: 0px;  
  left: 0px;
  right: 0px;  
  padding-left: 20px;
  padding-right: 20px;     
}

.flash_footer_classic {
}

.flash_footer_dark {
  background-color: #333333;
  color: #BBBBBB;
}

.flash_footer_wrapper {
  background: transparent url(../img/footer_bg.png) repeat-x 0 0;
  color: #CCCCCC;
  font-weight: bold;  
  text-shadow: #000000 0px 1px 0px;
}

#social_buttons_div {
  position: absolute;
  display: inline;  
  left: 400px;
  right: 400px;  
  text-align: center;  
}

.facebook_like_iframe {
  border: none; 
  overflow: hidden; 
  width: 100px;
  height: 22px; 
  position: relative; 
  top: 8px;
}

.twitter-share-button {
  position: relative; 
  top: 6px;
}

.facebook_logo_link {
  position: relative; 
  top: 6px;
  margin-left: 6px;
}

.twitter_logo_link {
  position: relative; 
  top: 6px;
}

#copyright {  
  float: left;
  z-index: 100; 
}

#footer_links {
  text-align: right;
  float: right;
  z-index: 100;
  font-weight: bold;
}

.menu_link {
  padding-left: 5px;  
  padding-right: 5px;
}

.first_menu_link {                     
  padding-right: 5px;                     
  padding-left: 15px;
}

.menu_link_separator {
  padding-left: 5px;  
  padding-right: 5px;
  font-size: 8px;  
}

a {
  text-decoration: none;  
}

.flash_footer_classic a:link {
  color: #646464; 
}
.flash_footer_classic a:visited {
  color: #646464; 
}
.flash_footer_classic a:active {
  color: #3C9B0D;
}
.flash_footer_classic a:hover {
  color: #3C9B0D;
}

.flash_footer_wrapper a:link {
  color: #BBBBBB; 
}
.flash_footer_wrapper a:visited {
  color: #BBBBBB; 
}
.flash_footer_wrapper a:active {
  color: #FFFFFF;
}
.flash_footer_wrapper a:hover {
  color: #FFFFFF;
}

a.tooltip {
  font-weight: normal;
  text-shadow: none;
}

a.tooltip #version_tooltip {
  display: none; 
  padding: 2px 3px; 
  margin: 6px 0 0 8px;
  line-height: 20px;   
}
  
a.tooltip:hover #version_tooltip {
  display: inline; 
  position: absolute; 
  background: #ffffff; 
  border: 1px solid #cccccc; 
  color: #6c6c6c;
}


#friends_link {
  padding-left: 3px;
}

#friends_notifications {
  color: #ffffff;
  background: #3C9B0D;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;      
}