body {font-family:verdana,arial,sans;color:#303030;font-size:16px;
      padding:0px;margin-top:5px;background:#FFFFFF url(/images/background.jpg) repeat-x;}

h1 {font-family:helvetica,arial,verdana,sans-serif;color:#999999;font-size:1.5em;padding:0px;margin:10px;}
h2 {font-family:helvetica,arial,verdana,sans-serif;color:#999999;font-size:1.35em;padding:0px;margin:10px;}
h3 {font-family:helvetica,arial,verdana,sans-serif;color:#999999;font-size:1.2em;padding:0px;margin:10px;}
h4 {font-family:helvetica,arial,verdana,sans-serif;color:#999999;font-size:0.9em;padding:0px;margin:10px;}
h5 {font-family:helvetica,arial,verdana,sans-serif;color:#999999;font-size:0.75em;padding:0px;margin:0px;}
img {border:0px;padding:0px;margin:0px}
input {font-size:1em;}
form {margin:0px;padding:0px}
p {margin:0;line-height:100%}

a:link {color:#02a8e2;text-decoration:none}
a:visited {color:#02a8e2;text-decoration:none}
a:active {color:#02a8e2;text-decoration:none}
a:hover {color:#02a8e2;text-decoration:underline}

#canvas {width:770px;margin-left:auto;margin-right:auto;padding:0px}
#canvas_top {height:14px;width:770px;
             background:url(/images/canvas_top.png) no-repeat bottom left !important;
             background:url(/images/canvas_top.gif) no-repeat bottom left;
             position:relative}

#canvas_middle
    {width:770px;
     background:url(/images/canvas_middle.png) repeat-y !important;
     background:url(/images/canvas_middle.gif) repeat-y;
     position:relative}

#canvas_bottom {height:14px;width:770px;
                background:url(/images/canvas_bottom.png) no-repeat !important;
                background:url(/images/canvas_bottom.gif) no-repeat;
                position:relative}
         
#header {margin-left:14px;margin-right:14px;height:100px;overflow:hidden;}
#header ul {list-style-type:none;padding:2px 0px 2px 0px;margin:0px;height:25px;overflow:hidden;}
#header .separator {color:#CCCCCC}
#main_menu {float:left;width:550px;border:0px solid blue}
#main_menu li {float:left;margin-left:6px;margin-right:6px;}
#header a:link {color:#02a8e2;font-size:1.1em;text-decoration:none;}
#header a:visited {color:#02a8e2;font-size:1.1em;text-decoration:none;}
#header a:active {color:#02a8e2;font-size:1.1em;text-decoration:none;}
#header a:hover {color:#f946a0;font-size:1.1em;text-decoration:underline;}
#language_menu {float:right;text-align:right;width:180px;margin-top:3px;margin-right:4px;}
#language_menu form {padding:0px;margin:0px;}
#language_menu form select {font-size:0.75em;}
#language_menu li {float:right;margin-left:3px;margin-right:3px;margin-top:3px}
#content {padding:5px 14px 10px 14px;margin:0px;clear:left;}
#footer {font-size:10px;text-align:center;margin:10px 30px 0px 30px;width:700px;height:15px;overflow:hidden;}
#form_upload {background:#eeeeee;border:1px solid #CCCCCC;width:475px;margin-left:auto;margin-right:auto;
              text-align:center;padding:15px 15px 4px 15px;margin-top:10px;}
#form_upload table {margin-top:10px;width:480px;}
#form_unsubscribe {background:#eeeeee;border:1px solid #CCCCCC;width:450px;margin-left:auto;margin-right:auto;
                   text-align:left;padding:25px;margin-top:30px;}

#bubble {width:500px;height:300px;margin:20px auto 40px auto;position:relative;}
#bubble div {position:absolute;top:26px;left:292px;width:175px;height:230px;overflow:hidden;
             font-size:1.4em;font-weight:bold;color:#ffffff;text-align:center;line-height:160%}

#photo_attrib {width:740px;margin:0px;padding:0px}
#leftside {float:left;padding-left:5px;}
#leftside #picture_frame {width:480px;height:360px;background:#000000}
#leftside a {font-size:0.7em}
#leftside p {line-height:12px;margin-top:3px;;width:480px;}
#rightside {float:right;padding-right:5px;}

#stats {width:200px;}
#stats span {font-size:0.7em}
#stats td {border-bottom:1px dotted #AAAAAA;height:27px;padding:0px;margin:0px;}

#voting_form .attrib_name {width:195px;font-size:0.9em}
#voting_form .check_box {width:25px}
#voting_form input {}
#voting_form a:link {color:#000000}
#voting_form a:visited {color:#000000}
#voting_form a:active {color:#000000}
#voting_form a:hover {color:#000000;text-decoration:none !important}
#voting_form tr:hover {background:#f79ecb}

#nextaction {text-align:center;margin-bottom:5px;margin-top:5px;}
#nextaction input {background-color:#02a8e2;width:200px;height:35px;color:white;font-size:1.2em;font-weight:bold}
#submit {width:150px;font-size:1em}

#upload_warning {font-size:0.6em;text-align:center;margin-bottom:15px;color:red}

#change_filter {margin-left:5px;margin-bottom:5px;font-size:0.9em}

.form_tips {color:#888888;font-size:0.75em;font-style:italic}
.centered {text-align:center;}
.menu_selected {color:#f946a0;font-size:1.1em;}
.error {color:#FF0000;text-align:center;}
.attrib_class_0 {font-size:0.7em}
.attrib_class_1 {font-size:0.8em}
.attrib_class_2 {font-size:0.9em}
.attrib_class_3 {font-size:1.0em}
.attrib_class_4 {font-size:1.1em}
.attrib_class_5 {font-size:1.2em}
.box240 {width:240px;background:url(/images/box240_middle.jpg) repeat-y;padding:0;margin:0}
.box240_top {width:240px;height:16px;background:url(/images/box240_top.jpg) no-repeat top left}
.box240_middle {margin-left:20px}
.box240_bottom {width:240px;height:16px;background:url(/images/box240_bottom.jpg) no-repeat bottom left;}
.voted {color:#f946a0}
.top_ranking {width:370px;height:355px;text-align:center;float:left;margin:0px}
.top_ranking .marpad {margin:20px 35px 10px 35px;}
.top_ranking h1 {font-size:40px;padding-top:25px}
.top_ranking h3 {line-height:15px}
.photo_cube {width:306px;height:306px;margin-left:auto;margin-right:auto;margin-top:0px;}
.photo_cube .thumbnail {float:left;margin:0;padding:0;width:100px;height:100px;background:#ffffff;text-align:center}
.hot_text {color:#f946a0;text-align:center}
.bottom_pitch {width:350px;background:#ddd;text-align:center;font-size:.9em;
               margin:15px 10px 0px 10px;float:left;display:inline;}
.bottom_pitch div {padding:12px;}
.bottom_pitch .adv {padding:10px 25px 10px 25px;text-align:center;}
.bottom_pitch form {padding:0px;margin:0px 0px 5px 0px;border:0px;}
.bottom_pitch h1 {font-weight:bold;margin:0px 0px 15px 0px;border:0px;padding:0px;color:#333333;font-size:1em}
.bottom_pitch h2 {font-weight:normal;margin:5px 0px 2px 0px;border:0px;padding:0px;color:#333333;font-size:0.8em}
.embed_text {text-align:center;font-size:.8em;}
.embed_text input {margin-top:5px;}
.small_text {font-size:.7em;}
#vote_summary {float:left;width:480px;}
#top_stats {float:right;max-width:240px;background-color:#f6f6f6;font-size:0.7em;color:#777777;text-align:center;padding:0px;margin-right:3px;padding:5px;border:1px solid #cccccc; }
#upload_tips {margin-top:0px;margin-bottom:10px;border:1px solid #cccccc;font-size:0.7em;font-style:italic}
#upload_tips_inner {width:480px;height:270px;overflow:auto}
#upload_tips img {padding:0px;margin:0px}
#upload_tips_title {margin-top:20px;margin-bottom:0px;text-align:left;font-size:0.7em;}
#upload_tips_inner div {float:left;display:inline;margin-left:10px;margin-bottom:5px;}

#change_ranking {background-color:#cccccc;margin-top:20px}
#change_ranking form {border:1px solid #999999;padding:5px;margin:0px;}
#change_ranking table {width:280px}
#change_ranking td {text-align:left}

#voter_stats_header {text-align:left;font-size:0.8em;font-weight:bold;}
.voter_stats {width:320px;border:1px solid #888888;margin-top:10px;}
.voter_stats .header {background-color:#888888;color:white;font-style:italic;font-size:0.7em;text-align:center;}
.voter_stats .tanggal {background-color:#888888;color:white;font-style:italic;font-size:0.7em;text-align:center;}
.voter_stats .angka {background-color:#ffffff;color:#333333;font-size:0.8em;text-align:center;}

#friendster_status {width:500px;margin-top:30px;margin-left:auto;margin-right:auto;margin-bottom:50px;border:1px solid #999999;color:black}
#friendster_status_padding {padding:25px;}
#next_action {display:none}
#progress {width:450px;}
#progress_border {border:1px solid black;}
#progress_bar {height:32px;width:0px;background:url(/images/progress_bar.gif) repeat-x;}
#status_text {margin-top:0px;text-align:center;font-size:1.2em;font-style:italic}
#next_action {display:none;margin-top:10px;border-top:1px solid #cccccc;padding-top:10px;text-align:center;}
#next_action_try_again {display:none;display:inline}
#next_action_vote {display:inline}

#friendster_invite {width:550px;margin-left:auto;margin-right:auto;margin-top:15px;padding-bottom:30px;border-bottom:2px solid #02a8e2}
#friendster_invite h1 {color:#f946a0;font-size:1em;text-align:center;}
#friendster_invite form {margin-top:10px}
#friendster_invite_header {background:url(/images/friendster_bagi_info.jpg) no-repeat top left;
                           border-bottom:2px solid #02a8e2;padding-bottom:0px;display:block;overflow:hidden;
                           padding-left:140px;text-align:center;}
#friendster_invite_header h1 {color:#f946a0;font-size:1.5em;text-align:center;margin-top:10px;margin-bottom:5px}
#friendster_invite_header h2 {color:#999999;font-size:1.1em;text-align:center;margin-top:0px;margin-bottom:0px}
#friendster_invite_header div {height:100px;color:#f946a0;overflow:hidden;}
#friendster_invite .label {width:200px;text-align:right;padding-top:10px;font-weight:bold;font-size:0.8em;}
#friendster_invite .input {width:340px;text-align:left;padding-top:10px;font-size:0.8em;}
#friendster_invite .helptext {text-align:left;font-style:italic;font-size:0.6em}

#voter_chart {background:url(/images/chart.gif) no-repeat;width:323px;height:120px;color:#00f6ff;position:relative;
              margin:5px 0px 0px 0px;padding:0px;}
.chart_bar {background-color:#f946a0;width:20px;position:absolute;padding:0px;margin:0px;overflow:hidden;}              
.chart_date {color:#00f6ff;font-size:0.54em;font-weight:bold;position:absolute;top:95px;width:20px;text-align:center;}

#optional_submit {margin-left:5px;display:inline}

