/* WP_FORM */

.wp_title { font-size: 18px; font-weight: bold; font-family: verdana; color: #A11954 }
.wp_sub_title { font-size: 16px; font-weight: bold }

.wp_sub_1 { font-size: 12px }
.wp_sub_2 { font-size: 10px }

DIV.wp_sub { margin-left: 15px; font-size: 13px }
DIV.wp_sub2 { margin-left: 23px; font-size: 13px }
DIV.wp_inp { background-color: #E0E1DB; border: 10px solid #E0E1DB; margin-top: 5px; }
DIV.wp_inp TEXTAREA { width: 665px }

DIV.preview_btn { height: 42px; background-image: url("/i/post_puzzle_bg.png"); background-repeat: repeat-x; margin-top: 4px}
DIV.preview_btn DIV.in { width: 100%; height: 42px; background-image: url("/i/post_puzzle_left.png"); background-repeat: no-repeat }
DIV.preview_btn DIV.btn { width: 100%; height: 42px; background-image: url("/i/post_puzzle_right.png"); background-repeat: no-repeat; background-position: top right; text-align: center }


.wp_icon { margin: 2px; border-width: 0px }

TABLE.wp_image { width: 191px; background-color: #ffffff; margin: 5px;}
TABLE.wp_image TD.tl { width: 5px; height: 5px; background-image: url("/i/thumb_tl.gif"); }
TABLE.wp_image TD.tr { width: 5px; height: 5px; background-image: url("/i/thumb_tr.gif"); }
TABLE.wp_image TD.br { width: 5px; height: 5px; background-image: url("/i/thumb_br.gif"); }
TABLE.wp_image TD.bl { width: 5px; height: 5px; background-image: url("/i/thumb_bl.gif"); }

TABLE.wp_image TD.top { height: 5px; background-image: url("/i/thumb_top.gif"); }
TABLE.wp_image TD.bottom { height: 5px; background-image: url("/i/thumb_bottom.gif"); }
TABLE.wp_image TD.left { width: 5px; background-image: url("/i/thumb_left.gif"); }
TABLE.wp_image TD.right { width: 5px; background-image: url("/i/thumb_right.gif"); }

TABLE.wp_image TD.main { padding: 8px }
TABLE.wp_image TD.main DIV.wp_main { position: relative; float: left }
TABLE.wp_image TD.main DIV.wp_main A.zoom { display: block; width: 17px; height: 17px; position: absolute; right: 0px; bottom: 0px; }


/* WP */

TABLE.wp_winner_box { border: 1px solid; border-color: #e22a7b; height: 112px; background-image: url("/i/winner_box.jpg"); margin: 0px; margin-bottom: 10px; margin-top: 10px; font-family: arial; color: #ffffff;  }
DIV.wp_winner_box { width: 264px; height: 108px; background-image: url("/i/winner_box.jpg"); margin: 0px; margin-bottom: 10px; }
DIV.wp_winner_box A { display: block; font-size: 13px; font-family: verdana,arial; position: relative; top: 74px }


TABLE.wp_posted_clue_box { border: 1px solid; border-color: #babbb7; height: 112px; margin: 0px; margin-bottom: 10px; margin-top: 10px; font-family: arial; color: #ffffff;  }
TABLE.wp_timer_box { border: 1px solid; border-color: #f2f1f1; background-color: #fcf9fb; margin: 0px; margin-bottom: 10px; font-family: arial; color: #e2e0e1;  }
.wp_timer_val { color: #444546; font-size: 24px }
.wp_timer_sub { color: #444546; font-size: 10px }

DIV.wp_post_clue_box {  height: 108px; margin: 0px; margin-bottom: 10px; margin-top: 0px; }

DIV.section { background-color: #E0E1DB; padding: 9px; margin-bottom: 8px; margin-top: 8px; }
DIV.section_title { font-family: verdana,arial; font-size: 19px; color: #9B0C4A }
DIV.section_text { background-color: #EEF0E9; background-image: url("/i/section_text_bg1.gif"); background-repeat: repeat-y; }
DIV.section_text_inner { margin-left: 52px; background-color: #EEF0E9; background-image: url("/i/section_text_bg2.gif"); line-height: 30px; font-size: 15px }
DIV.section_video { background-color: #EEF0E9; background-image: url("/i/section_video_bg.gif"); background-repeat: repeat-y; }
DIV.section_video_inner { background-image: url("/i/section_video_bg.gif"); background-repeat: repeat-y; background-position: top right; }
DIV.section_picture { background-color: #EEF0E9; background-image: url("/i/section_picture_bg.gif"); background-repeat: no-repeat; background-position: top left; }
DIV.section_picture_inner { margin-left: 60px; background-color: #EEF0E9; }
DIV.section_audio { background-color: #EEF0E9; background-image: url("/i/section_audio_bg.gif"); background-repeat: no-repeat; background-position: top left; }
DIV.section_audio_inner { margin-left: 90px; height: 70px; background-color: #EEF0E9; padding: 0px; padding-top: 15px; padding-bottom: 15px; }


TABLE.wp_overview { margin: 0px; margin-top: 10px; margin-bottom: 10px }
TD.wp_overview_title { background-color: #e3dfe1; background-image: url("/i/wp_title_black.png"); height: 28px; padding: 0px; border: 1px solid #121212; }
TD.wp_overview_main { background-color: #eef0e9; font-size: 12px; color: #605b5b; border: 1px solid #e0e1db; border-top-width: 0px; border-bottom-width: 0px }
TD.wp_overview_share { background-color: #e0e1db; }
TD.wp_overview_footer { border-bottom-width: 1px }
TD.wp_overview_delim { background-color: #eef0e9; height: 1px; padding: 0px; background-image: url("/i/dotted.gif"); font-size: 1px }
#wp_overview_rating { font-family: verdana; font-size: 15px }

DIV.wp_answer { position: relative; float: left; width: 100%; display: none }

/* WP USER INFO */

DIV.userinfo { position: absolute; display: none }
DIV.userinfo_bg1 { width: 290px; height: 90px; padding: 5px; background-color: #ffffff; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 110 }
DIV.userinfo_bg2 { background-color: #000000; height: 90px; z-index: 110 }
DIV.userinfo_main { z-index: 120; position: absolute; display: none }
TD.userinfo_close, TD.userinfo_close A { color: #ffffff; font-family: arial; font-size: 12px; text-decoration: none }
TD.userinfo_photo { border-width: 1px; border-style: solid; border-color: #000000; background-color: #ffffff }
TD.userinfo_data { color: #ffffff; }
TD.userinfo_data A { color: #ffffff; text-decoration: underline }
TD.userinfo_data A:hover { text-decoration: none }

/* CLUE */

DIV.unsolved_clue_cont { width: 100%; min-height: 87px; background-color: #ffffff; background-image: url(/i/gray_dot.gif); background-repeat: repeat-y; background-position: 110px; position: relative; float: left; margin-bottom: 5px; margin-top: 5px }
/*\*/ * html DIV.unsolved_clue_cont { height: 87px } /**/
DIV.unsolved_clue_cont .clue_main { margin-left: 111px; min-height: 85px; border: 1px solid #CDCDCD; border-left-width: 0px; background-color: #D9D8D5; }
/*\*/ * html DIV.unsolved_clue_cont .clue_main { height: 85px } /**/
DIV.unsolved_clue_cont .clue_text { min-height: 36px; color: #333333; font-size: 13px; margin-left: 6px; margin-right: 6px; margin-top: 4px; margin-bottom: 4px }
/*\*/ * html DIV.unsolved_clue_cont .clue_text { height: 36px } /**/
DIV.unsolved_clue_cont DIV.photo_bg { position: absolute; top: 0px; left: 0px; width: 111px; height: 87px }
DIV.unsolved_clue_cont IMG.photo { position: absolute; top: 21px; left: 24px; width: 45px; height: 45px; }
DIV.unsolved_clue_cont DIV.top_line { height: 21px; background-color: #EEEDEC; background-image: url(/i/wp_dotted.gif); background-position: bottom left; background-repeat: repeat-x }
DIV.unsolved_clue_cont SPAN.user_link { float: left; margin-left: 5px; margin-bottom: 1px; font-weight: bold }
DIV.unsolved_clue_cont SPAN.user_points { float: right; margin-right: 5px; font-size: 15px }
DIV.unsolved_clue_cont DIV.bot_line { height: 21px; background-color: #EEEDEC; background-image: url(/i/wp_dotted.gif); background-position: top left; background-repeat: repeat-x; position: relative; bottom: 0px }
DIV.unsolved_clue_cont SPAN.added { float: left; margin-left: 5px; font-size: 12px; line-height: 21px }
DIV.unsolved_clue_cont SPAN.winner { float: right; margin-right: 5px; font-size: 12px; line-height: 21px }

DIV.solved_clue_cont { width: 100%; min-height: 87px; background-color: #ffffff; background-image: url(/i/yellow_dot.gif); background-repeat: repeat-y; background-position: 110px; position: relative; float: left; margin-bottom: 5px; margin-top: 5px }
/*\*/ * html DIV.solved_clue_cont { height: 87px } /**/
DIV.solved_clue_cont .clue_main { margin-left: 111px; min-height: 85px; border: 1px solid #F49B0F; border-left-width: 0px; background-color: #E5A43F; }
/*\*/ * html DIV.solved_clue_cont .clue_main { height: 85px } /**/
DIV.solved_clue_cont .clue_text { min-height: 36px; color: #333333; font-size: 13px; margin-left: 6px; margin-right: 6px; margin-top: 4px; margin-bottom: 4px }
/*\*/ * html DIV.solved_clue_cont .clue_text { height: 36px } /**/
DIV.solved_clue_cont DIV.photo_bg { position: absolute; top: 0px; left: 0px; width: 111px; height: 87px }
DIV.solved_clue_cont IMG.photo { position: absolute; top: 21px; left: 24px; width: 45px; height: 45px; }
DIV.solved_clue_cont DIV.top_line { height: 21px; background-color: #F4DCB3; background-image: url(/i/wp_dotted.gif); background-position: bottom left; background-repeat: repeat-x }
DIV.solved_clue_cont SPAN.user_link { float: left; margin-left: 5px; margin-bottom: 1px; font-weight: bold }
DIV.solved_clue_cont SPAN.user_points { float: right; margin-right: 5px; font-size: 15px }
DIV.solved_clue_cont DIV.bot_line { height: 21px; background-color: #F4DCB3; background-image: url(/i/wp_dotted.gif); background-position: top left; background-repeat: repeat-x; position: relative; bottom: 0px }
DIV.solved_clue_cont SPAN.added { float: left; margin-left: 5px; font-size: 12px; line-height: 21px }
DIV.solved_clue_cont SPAN.winner { float: right; margin-right: 5px; font-size: 12px; line-height: 21px }



DIV.clue_incorrect_frame_left { width: 70px; height: 77px; border-style: solid; border-color: #cedbe2; border-width: 1px; border-right-width: 0px; background-color: #edf8fe; }
TD.clue_incorrect_main_frame { border-style: solid; border-color: #cedbe2; border-width: 1px; border-left-width: 0px; background-color: #edf8fe; }
DIV.clue_incorrect_main_title { border-style: solid; border-color: #edf8fe; border-width: 1px; border-bottom-width: 0px; background-color: #dceff9; height: 21px; color: #444546; line-height: 21px; padding: 0px; padding-left: 5px; padding-right: 5px }
DIV.clue_incorrect_main_sub { border-style: solid; border-color: #edf8fe; border-width: 1px; border-top-width: 0px; background-color: #dceff9; color: #90908f; height: 21px; font-size: 9px; padding: 0px; padding-left: 5px; padding-right: 5px; vertical-align: bottom }

/* HINT */

DIV.hint { position: absolute; z-index: 10; display: none }
TD.hint_left { border-width: 0px; border-left-width: 1px; border-style: solid; border-color: #c9c0c4; font-size: 1px; background-color: #f7f6f4 }
TD.hint_right { border-width: 0px; border-right-width: 1px; border-style: solid; border-color: #c9c0c4; font-size: 9px; background-color: #f7f6f4; color: #90908f; }
TD.hint_bottom { font-size: 1px; background-image: url(/i/gray_pixel.gif); background-position: top left; background-repeat: repeat-x }
