html, body { min-height: 100%; overflow: hidden; }
body { background: #2c2644; position: relative; }
div.background { width: 1600px; height: 1200px; margin-left: -800px; margin-top: -600px; position: absolute; top: 50%; left: 50%; border-radius: 30px; border: 5px solid #a1a1c0; }
div.background div { background: url('/images/dialog/followers_background.png') center center no-repeat; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 30px; border: 2px solid #191725; }

#dialog_follow_join.dialog,#dialog_reward_claim.dialog,#dialog_vote.dialog { width: 755px; height: 569px; position: absolute; top: 50%; margin-top: -285px; left: 50%; margin-left: -378px; z-index: 3; }
#dialog_follow_join.dialog .title.single, .dialog .title.double,#dialog_reward_claim.dialog .title.single,#dialog_vote.dialog .title.single { position: absolute; top: 0px; left: 0px; height: 86px; width: 755px; background: url('/images/dialog/title_double.png') no-repeat; }
#dialog_follow_join.dialog .title h1,#dialog_reward_claim.dialog .title h1,#dialog_vote.dialog .title h1 { position: absolute; top: 17px; left: 8px; right: 12px; text-align: center; font-family: 'Roboto Condensed'; font-weight: 700;font-weight: normal; color: #3b3b3b; font-size: 30px; line-height: 35px; text-shadow: 0 2px rgba(255, 255, 255, 0.6); }
#dialog_follow_join.dialog .title h2,#dialog_reward_claim.dialog .title h2,#dialog_vote.dialog .title h2 { position: absolute; top: 49px; left: 8px; right: 12px; text-align: center; font-family: 'Roboto Condensed'; font-weight: 700;font-weight: normal; color: #3b3b3b; font-size: 20px; line-height: 25px; text-shadow: 0 2px rgba(255, 255, 255, 0.6); }
#dialog_follow_join.dialog .title.single h1,#dialog_reward_claim.dialog .title.single h1,#dialog_vote.dialog .title.single h1 { top: 27px; }

#dialog_follow_join.dialog .main,#dialog_reward_claim.dialog .main,#dialog_vote.dialog .main { position: absolute; top: 50px; left: 0px; height: 483px; width: 755px; background: url('/images/dialog/star_middle_dialog.png') no-repeat; }
#dialog_follow_join.dialog .title.single+.main, .dialog .title.double+.main,#dialog_reward_claim.dialog .title.single+.main, .dialog .title.double+.main,#dialog_vote.dialog .title.single+.main, .dialog .title.double+.main { top: 86px; }

#dialog_follow_join .inner_dialog { position:absolute; left:50%; margin-left:-335px; top:20px; background:url('/images/dialog/followers_inner_dialog.png') no-repeat; width:670px; height:269px; }
#dialog_reward_claim .inner_dialog { position:absolute; left:50%; margin-left:-335px; top:20px; background:url('/images/dialog/reward_inner_dialog.png') no-repeat; width:670px; height:269px; }
#dialog_vote .inner_dialog { position:absolute; left:50%; margin-left:-335px; top:20px; background:url('/images/dialog/reward_inner_dialog.png') no-repeat; width:670px; height:269px; }

#dialog_follow_join .avatar_div,#dialog_reward_claim .avatar_div,#dialog_vote .avatar_div { position:absolute; left:28px; top:26px; width:132px; height:132px; }
#dialog_follow_join .avatar_div img,#dialog_vote .avatar_div img { position:absolute; left:50%; margin-left:-56px; top:50%; margin-top:-53px; }
#dialog_reward_claim .avatar_div img { position:absolute; left:50%; margin-left:-50px; top:50%; margin-top:-55px; }
#dialog_reward_claim .avatar_div .amount { position:absolute; left:0px; right:0px; font-family: 'Roboto'; font-weight: 700; text-align:center; bottom:5px; color:#FFF; text-shadow: 1px 1px 0 rgba(186, 67, 157, 0.9), -1px 1px 0 rgba(186, 67, 157, 0.9), 1px -1px 0 rgba(186, 67, 157, 0.9), -1px -1px 0 rgba(186, 67, 157, 0.9), 0px 1px 0 rgba(186, 67, 157, 0.9), 0px -1px 0 rgba(186, 67, 157, 0.9), -1px 0px 0 rgba(186, 67, 157, 0.9), 1px 0px 0 rgba(186, 67, 157, 0.9), 2px 2px 0 rgba(186, 67, 157, 0.6), -2px 2px 0 rgba(186, 67, 157, 0.6), 2px -2px 0 rgba(186, 67, 157, 0.6), -2px -2px 0 rgba(186, 67, 157, 0.6), 0px 2px 0 rgba(186, 67, 157, 0.6), 0px -2px 0 rgba(186, 67, 157, 0.6), -2px 0px 0 rgba(186, 67, 157, 0.6), 2px 0px 0 rgba(186, 67, 157, 0.6), 1px 2px 0 rgba(186, 67, 157, 0.6), -1px 2px 0 rgba(186, 67, 157, 0.6), 1px -2px 0 rgba(186, 67, 157, 0.6), -1px -2px 0 rgba(186, 67, 157, 0.6), 2px 1px 0 rgba(186, 67, 157, 0.6), -2px 1px 0 rgba(186, 67, 157, 0.6), 2px -1px 0 rgba(186, 67, 157, 0.6), -2px -1px 0 rgba(186, 67, 157, 0.6); }

#dialog_follow_join .followers_amount { position:absolute; bottom:19px; left:26px; text-align:center; width:132px; color:#534741; font-family: 'Roboto'; font-weight: 700; }

#dialog_follow_join .button_follow,#dialog_reward_claim .button_follow,#dialog_vote .button_vote_yes { cursor:pointer; position:absolute; right:150px; bottom:20px; background:url('/images/dialog/followers_green_button.png') no-repeat; width:218px; height:79px; color:#4fac03; text-shadow: 0 2px rgba(192, 255, 86, 0.6); text-transform:uppercase; font-size:20px; font-family: 'Roboto Condensed'; font-weight: 700;}
#dialog_follow_join .button_follow  span,#dialog_reward_claim .button_follow span,#dialog_vote .button_vote_yes span { position:absolute; left:0px; right:0px; text-align:center; bottom:10px; }
#dialog_follow_join .button_follow:hover,#dialog_reward_claim .button_follow:hover,#dialog_vote .button_vote_yes:hover { background:url('/images/dialog/followers_green_button_hover.png') no-repeat; color:#5fc904; text-shadow: 0 2px rgba(219, 255, 104, 0.6);  }
#dialog_vote .button_vote_yes { line-height: 110px; border: 0; right: auto; left: 190px; }

#dialog_vote .button_vote_no { cursor:pointer; position:absolute; line-height: 110px; border: 0; right: auto; left: 424px; bottom:20px; background:url('/images/dialog/cancel_button.png') no-repeat; width:218px; height:79px;  color: #ab0c03;  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3), -1px 1px 0 rgba(255, 255, 255, 0.3), 1px -1px 0 rgba(255, 255, 255, 0.3), -1px -1px 0 rgba(255, 255, 255, 0.3), 0px 1px 0 rgba(255, 255, 255, 0.3), 0px -1px 0 rgba(255, 255, 255, 0.3), -1px 0px 0 rgba(255, 255, 255, 0.3), 1px 0px 0 rgba(255, 255, 255, 0.3), 2px 2px 0 rgba(255, 255, 255, 0.1), -2px 2px 0 rgba(255, 255, 255, 0.1), 2px -2px 0 rgba(255, 255, 255, 0.1), -2px -2px 0 rgba(255, 255, 255, 0.1), 0px 2px 0 rgba(255, 255, 255, 0.1), 0px -2px 0 rgba(255, 255, 255, 0.1), -2px 0px 0 rgba(255, 255, 255, 0.1), 2px 0px 0 rgba(255, 255, 255, 0.1), 1px 2px 0 rgba(255, 255, 255, 0.1), -1px 2px 0 rgba(255, 255, 255, 0.1), 1px -2px 0 rgba(255, 255, 255, 0.1), -1px -2px 0 rgba(255, 255, 255, 0.1), 2px 1px 0 rgba(255, 255, 255, 0.1), -2px 1px 0 rgba(255, 255, 255, 0.1), 2px -1px 0 rgba(255, 255, 255, 0.1), -2px -1px 0 rgba(255, 255, 255, 0.1); text-transform:uppercase; font-size:20px; font-family: 'Roboto Condensed'; font-weight: 700;}
#dialog_vote .button_vote_no span { position:absolute; left:0px; right:0px; text-align:center; bottom:10px; }
#dialog_vote .button_vote_no:hover { background:url('/images/dialog/cancel_button_hover.png') no-repeat; color: #c91e04;  }

#dialog_follow_join .balloon,#dialog_reward_claim .balloon,#dialog_vote .balloon { position:absolute; left:190px; top:35px; height:115px; width:370px; text-align:center; line-height:20px; padding:0px 40px; color:#988877; display:table; font-family: 'Roboto'; font-weight: 700; font-size:18px;  }
#dialog_follow_join .balloon span,#dialog_reward_claim .balloon span,#dialog_vote .balloon span { vertical-align:middle; display:table-cell; }

#dialog_follow_join .game_desc,#dialog_reward_claim .game_desc,#dialog_vote .game_desc { display:table; position:absolute; left:45px; right:45px; bottom: 120px; text-align:center; color:#534741; font-family: 'Roboto'; font-weight: 700; background-color: #f6efd3; border: 3px solid #d2c29a; height: 60px; width: 640px; padding: 0 10px; border-radius: 10px; }
#dialog_follow_join .game_desc p,#dialog_reward_claim .game_desc p,#dialog_vote .game_desc p { display:table-cell; vertical-align:middle; text-align:center; }

#dialog_follow_join .buttons_wide,#dialog_reward_claim .buttons_wide { position: absolute; bottom: 35px; left: 8px; right: 12px; height: 80px; text-align: center;  }
#dialog_follow_join .orange_button,#dialog_reward_claim .orange_button { cursor:pointer; text-align:center; background:url('/images/dialog/followers_orange_button.png') no-repeat; display:table; width:218px; height:64px; color:#FFF; text-transform:uppercase; font-size:20px; font-family: 'Roboto'; font-weight: 700; text-shadow: 0 2px rgba(178, 85, 8, 0.6); line-height:25px; text-decoration: none; }
#dialog_follow_join .orange_button span,#dialog_reward_claim .orange_button span {
    display: table-cell;
    vertical-align: middle;
}
#dialog_follow_join .orange_button:hover,#dialog_reward_claim .orange_button:hover { background:url('/images/dialog/followers_orange_button_hover.png') no-repeat; text-shadow: 0 2px rgba(206, 103, 10, 0.6); }

#dialog_follow_join .orange_button.button_join,#dialog_reward_claim .orange_button.button_join { position: absolute; right: 50%; margin-right:10px; bottom: 10px; }
#dialog_follow_join .orange_button.button_create,#dialog_reward_claim .orange_button.button_create { position: absolute; left: 50%; margin-left:10px; bottom: 10px; }
#dialog_follow_join .orange_button.button_single,#dialog_reward_claim .orange_button.button_single { position: absolute; left: 50%; margin-left:-109px; bottom: 10px; }

#dialog_reward_claim .username,#dialog_vote .username { position:absolute; left:28px; bottom: 70px; text-align:center; color:#534741; font-family: 'Roboto'; font-weight: 700; width:132px; }
#dialog_reward_claim .input_field,#dialog_vote .input_field { position:absolute; left:30px; bottom:24px; background: #a9a6a5; padding: 3px; display: inline-block; border-radius: 8px;  }
#dialog_reward_claim .input_field input,#dialog_vote .input_field input { color: #fff; background: #75705a; border: 0; border-top: 2px solid #585443; border-radius: 5px; width: 130px; padding: 3px 8px 3px 5px; text-indent: 3px; outline: none; font-family: 'Roboto'; font-weight: 700; font-size: 14px; line-height: 32px; height: 32px; text-shadow: 1px 1px 0 #534741, -1px 1px 0 #534741, 1px -1px 0 #534741, -1px -1px 0 #534741, 0px 1px 0 #534741, 0px -1px 0 #534741, -1px 0px 0 #534741, 1px 0px 0 #534741, 2px 2px 0 #534741, -2px 2px 0 #534741, 2px -2px 0 #534741, -2px -2px 0 #534741, 0px 2px 0 #534741, 0px -2px 0 #534741, -2px 0px 0 #534741, 2px 0px 0 #534741, 1px 2px 0 #534741, -1px 2px 0 #534741, 1px -2px 0 #534741, -1px -2px 0 #534741, 2px 1px 0 #534741, -2px 1px 0 #534741, 2px -1px 0 #534741, -2px -1px 0 #534741; }

#dialog_reward_claim .comments_need { position:absolute; left:50%; padding-left:70px; margin-left:-330px; bottom: 30px;  color:#534741; font-family: 'Roboto'; font-weight: 700; width:580px;}
#dialog_reward_claim .comments_need:after { content:'';  position:absolute; left:20px; top:50%; margin-top:-20px; background:url('/images/dialog/info40x40.png') no-repeat; width:40px; height:40px; }