body{ margin:0 auto; font-family: Arial; }
input{ background: none; border: 0; height: 18px; color: #fff; }
h3 { font-size:11px; margin:43px 0 0 0; padding:0; }
p { font-size:10px; margin:6px 0 0 0; padding:0; }

div.letter_center input{ font-size: 10px; padding: 0 0 4px 0; }
div.choose_center input{ font-size: 14px; font-weight: bold; padding: 0 0 6px 0; }
* html div.choose_center input{ height:23px; padding: 0 0 8px 0; margin: 0 0 0 0; }

#id_content { text-align: center; background: url("http://www.deweblop.de/hangman/v11/gfx/hangthefreak.jpg") no-repeat top center; border:1px solid #cdcdcd; /*margin: 10px auto;*/ min-width: 250px; max-width: 600px; height: 223px; padding: 0; }

#id_word { text-align: center; padding: 10px 0 0 0; height: 25px; margin: 0 0 0 7px; min-width: 240px; max-width: 590px; }
#id_word table { width: auto; opacity: 0.50; /*filter: alpha(opacity=80);*/ }
#id_word td{ background: url("http://www.deweblop.de/hangman/v11/gfx/word_center.png") repeat-x left top; text-align: center; color: #333; font-weight: bold; font-size: 17px; filter: alpha(opacity=100); }
#id_word td.word_start{ background: url("http://www.deweblop.de/hangman/v11/gfx/word_left.png") no-repeat left top; width: 10px; height: 30px; margin: 0; padding: 0; }
#id_word td.word_end{ background: url("http://www.deweblop.de/hangman/v11/gfx/word_right.png") no-repeat left top; width: 10px;  height: 30px; margin: 0; padding: 0; }
div.letter{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/letter.gif") no-repeat left top; width: 25px; height: 30px; margin: 0; padding: 5px 0 0 0; }

div.letter_start{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/but_left.jpg") no-repeat left 1px; width: 10px; height: 20px; margin: 0; padding: 0; }
div.letter_center{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/but_center.jpg") repeat-x left 1px; width: auto; margin: 0; height: 20px; padding: 0; }
div.letter_end{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/but_right.jpg") no-repeat left 1px; width: 10px; height: 20px; margin: 0; padding: 0; }
div.choose{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/choose_shadow.png") no-repeat left top; width: 25px; height: 30px; margin: 0; padding: 5px 0 0 0; }

div.choose_start{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/choose_shadow_left.png") no-repeat left 1px; width: 32px; height: 20px; margin: 0; padding: 0; }
div.choose_center{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/choose_shadow_center.png") repeat-x left 1px; width: auto; margin: 0; height: 20px; padding: 0; }
* html div.choose_center{ height: auto !important; }
div.choose_end{ float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/choose_shadow_right.png") no-repeat left 1px; width: 32px; height: 20px; margin: 0; padding: 0; }

#id_image{ float: right; width: 150px; padding: 0; margin: 0 auto; }
#id_ui { position: absolute; top: 30px; left: 10px; padding: 0; margin: 15px 0 0 0; width: 250px; height: 90px; }
#id_form { width:300px;	margin: 0; }
#id_currentLetters{ margin: 4px 0 0 0; color: #888; font-weight: bold; font-size: 11px; text-align: left; }
#id_selectInputLetters{ margin: 10px 0 0 0; width: 170px; height: 20px; }
* html #id_selectInputLetters{ height: 10px !important}
#id_newGame{ float: left; display:inline; }
#id_getHelp{ float: left; width: 92px; }

/*
 * topics: add class to popup_left & popup_center
 * help: add class to popup_left & popup_center
 */
div#popup { display: none; margin:0 auto;}
div#popup.topics { width:263px;}
div#popup.letters { width:172px; padding:0 80px 0 0;}
div.popup_topics { float: left; margin: 40px 0 0 0; display: none; }
div.popup_topics_end { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topics_end.png") no-repeat left top; width: 97px; margin: 0; height: 33px; padding: 0; }
div.popup_topic1 { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic1.png") no-repeat left top; width: 85px; padding: 9px 0 0 12px; height: 24px; }
* html div.popup_topic1 { width: 97px; height: 33px; }
div.popup_topic1 a { color: #000088; font-weight: bold; font-size: 11px; }
div.popup_topic1.act { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic1_act.png") no-repeat left top; }
div.popup_topic1.act a { text-decoration: none; color: #fff; }
div.popup_topic2 { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic2.png") no-repeat left top; width: 85px; padding: 9px 0 0 12px; height: 24px; color: #000088; font-weight: bold; font-size: 11px; }
* html div.popup_topic2 { width: 97px; height: 33px; }
div.popup_topic2 a { color: #000088; font-weight: bold; font-size: 11px; }
div.popup_topic2.act { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic2_act.png") no-repeat left top; color: #fff; }
div.popup_topic2.act a { text-decoration: none; color: #fff; }
div.popup_topic3 { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic3.png") no-repeat left top; width: 85px; padding: 8px 0 0 12px; height: 24px; color: #000088; font-weight: bold; font-size: 11px; }
* html div.popup_topic3 { width: 97px; height: 33px; }
div.popup_topic3 a { color: #000088; font-weight: bold; font-size: 11px; }
div.popup_topic3.act { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_topic3_act.png") no-repeat left top; color: #fff; }
div.popup_topic3.act a { text-decoration: none; color: #fff; }
div.popup_left { float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/popup_left.png") no-repeat left top; width: 16px; margin: 0; height: 150px; padding: 0; }
div.popup_left.topics_left { width: 9px; background: url("http://www.deweblop.de/hangman/v11/gfx/popup_left_topics.png") no-repeat top left; }
* html div.popup_left.topics_left { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.deweblop.de/hangman/v11/gfx/popup_left_topics.png', sizingMethod='crop'); }
div.popup_left.letters_left { margin: 0 0 0 8px; }
div.popup_center { height: 150px !important; float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/popup_center.png") repeat-x left top; width: 310px; margin: 0; padding: 0; }
div.popup_center.topics_center { width: 214px; }
div.popup_center.letters_center { width: 140px; }
div.popup_center div.close { float: right; background: url("http://www.deweblop.de/hangman/v11/gfx/popup_close.png") repeat-x left top; padding: 0; width: 14px; height: 14px; margin: 43px 0; cursor: pointer; }
div.popup_center div.close.act { background: url("http://www.deweblop.de/hangman/v11/gfx/popup_close_act.png") repeat-x left top; }
div.popup_right { float: left; background: url("http://www.deweblop.de/hangman/v11/gfx/popup_right.png") no-repeat left top; width: 16px; margin: 0; height: 150px; padding: 0; }
p.letterSet { width: 110px; text-align: center; line-height: 23px; margin: 10px 0 0 0; }
p.letterSet a { font-weight: bold; font-size: 16px; text-decoration: none; padding: 0 1px; margin: 1px; color: #000088; cursor: pointer; }
p#popup_text.help a:hover { color: #9B4920; }

#id_message { position: absolute; top: 0px; left: 0px; width: 100%; height: 142px; background: url(http://www.deweblop.de/hangman/v11/gfx/layer_start.png) no-repeat center top; }

#id_adsense { position: absolute; top: 165px; left: 0px; padding: 0; }

#id_score { font-size: 11px; font-weight: bold; color: #333; }

#feedback { position: absolute; top: 170px; left: 238px; width: 135px; height: 53px; font-size: 10px; color: #999; text-align: right; padding: 0 5px 0 0; }
* html #feedback { width: 140px; }
#feedback a { color: #000088; }
#feedback a:hover { color: #9B4920; }