@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; border:0;  }
body { background-color:#ffffff; background-image:url(graphics/body_bg.gif); background-repeat:repeat; background-attachment:fixed; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#414141; }
a:link, a:visited, a:active { color:#f26522; text-decoration:none; }
a:hover { text-decoration:underline; }
form { margin:0; padding:0; display:inline; }
ul { list-style-type:none; }
.spacer { width:992px; height:10px; }
.spacer2 { width:992px; height:5px; }
.clear { clear:both; }
#container { width:992px; margin:0 auto; text-align:left; }
#header { position:relative; width:992px; height:70px; }
#logo { position:absolute; left:10px; bottom:5px; width:454px; height:56px; background:url(graphics/logo.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/logo.png', sizingMethod='scale'); _background: transparent; }
#tabs { position:absolute; right:10px; bottom:0px; }
#tabs a.tab { display:inline-block; background-image:url(graphics/tab.gif); background-position:top left; width:120px; height:30px; text-align:center; color:#414141; font-weight:bold; line-height:30px; text-decoration:none; margin-left:2px; }
#tabs a.tab:hover { background-position:bottom right; color:#ffffff; }
.content { width:992px; background-image:url(graphics/content_bg.gif); background-repeat:repeat-y; }
.content .top { background-image:url(graphics/content_top.gif); background-position:top; background-repeat:no-repeat; }
.content .bottom { background-image:url(graphics/content_bottom.gif); background-position:bottom; background-repeat:no-repeat; }
.content .inner { width:992px; margin:0 auto; overflow:hidden; padding:10px 0; }
.navbar { width:972px; height:30px; margin:0 auto; background-image:url(graphics/navbar_bg.gif); overflow:hidden; }
.navbar_top { margin-bottom:10px; }
.navbar_bottom { margin-top:0px; }
.navbar_links { float:left; width:670px; padding:0 0 0 10px; text-align:left; line-height:30px; font-size:11px; }
.navbar_links a, .navbar_links a:visited, .navbar_links a:active { color:#ffffff; font-weight:bold; }
.navbar_links a:hover { text-decoration:underline; }
.navbar_links span.sep { color:#979c9c; padding:0 15px; }
.navbar_search_input { float:left; width:210px; text-align:right; }
.navbar_search_button { float:left; width:60px; padding:5px; }
.navbar_pages { text-align:center; line-height:30px; font-size:11px; }
.navbar_pages a, .navbar_pages a:visited, .navbar_pages a:active { color:#ffffff; font-weight:bold; }
.navbar_pages a:hover { text-decoration:underline; }
.navbar_pages span.sep { color:#979c9c; padding:0 15px; }
.list ul { margin:0; padding:0; font-size:11px; line-height:15px; }
.list ul li { position:relative; float:left; width:314px; height:308px; background-image:url(graphics/list_bg.gif); background-repeat:no-repeat; margin:0 5px 10px 10px; padding:0 0 0 0; overflow:hidden; }
.list ul li span.play { cursor:pointer; width:71px; height:71px; position:absolute; top:84px; left:122px; border:0; z-index:99; background: url(graphics/play_small.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/play_small.png', sizingMethod='scale'); _background: transparent; }
.list ul li a.thumb { z-index:99; width:300px; height:225px; position:absolute; top:1px; left:1px; padding:6px; background-color:#ffffff; border:0; }
.list ul li a.thumb:hover { background-color:#f26522; }
.list ul li a, .list ul li a:visited, .list ul li a:active { text-decoration:none; color:#f26522; font-weight:bold; }
.list ul li a:hover { text-decoration:underline; }
.list ul li .left { position:absolute; float:left; top:239px; left:0px; width:205px; height:54px; padding:5px 0 0 10px; text-align:left; }
.list ul li .right { position:absolute; float:left; top:239px; left:215px; width:99px; padding:10px 0 0 0px; text-align:center; font-size:10px; }
.list ul li .right img { margin-top:5px; }



/* ----- INLINE JOIN #1 ----- */
#inline_join_1 { position:relative; width:992px; height:305px; background-image:url(graphics/inline_join_1.gif); overflow:hidden; }
#inline_join_1 .form { position:absolute; top:55px; left:284px; width:424px; }
#inline_join_1 .submit { position:absolute; top:255px; left:284px;  height:40px; }
/* ----- INLINE JOIN #1 ----- */
/* ----- INLINE JOIN #2 ----- */
#inline_join_2 { position:relative; width:992px; height:325px; background-image:url(graphics/inline_join_2.gif); overflow:hidden; }
#inline_join_2 .form { position:absolute; top:100px; left:10px; width:310px; }
#inline_join_2 .submit { position:absolute; top:275px; left:10px; height:40px; }
/* ----- INLINE JOIN #2 ----- */



#footer { padding:25px 0; text-align:center; font-size:11px; }
#footer a, #footer a:visited, #footer a:active { text-decoration:none; color:#f26522; font-weight:bold; }
#footer a:hover { text-decoration:underline; }
#player { width:992px; }
#player h1 { margin:10px 0 10px 10px; font-size:20px; font-weight:bold; color:#f26522; padding:0; }
#player a, #player a:visited, #player a:active { text-decoration:none; color:#f26522; font-weight:bold; }
#player a:hover { text-decoration:underline; }
#player .left { float:left; width:654px; padding:0 22px 0 10px; }
#player .left .flash { position:relative; background-color:#ffffff; border:1px solid #979c9c; padding:6px; }
#player .left .flash .preview { position:relative; }
#player .left .flash .preview span.play { cursor:pointer; width:106px; height:106px; position:absolute; top:187px; left:267px; border:0; z-index:99; background: url(graphics/play_large.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/play_large.png', sizingMethod='scale'); _background: transparent; }
#player .left .flash .preview span.control { cursor:pointer; width:620px; height:30px; position:absolute; top:440px; left:10px; border:0; z-index:99; background: url(graphics/play_control.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/play_control.png', sizingMethod='scale'); _background: transparent; }

#player .left .flash .preview #hidden_form { position:absolute; top:0; left:0; color:#ffffff; display:none; width:640px; height:480px; z-index:99; }
/* ----- PLAYER OVERLAY JOIN #1 ----- */
#player .left .flash .preview #player_overlay_join_1 { width:640px; height:480px; background: url(graphics/player_overlay_join_1.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/player_overlay_join_1.png', sizingMethod='scale'); _background: transparent; }
#player .left .flash .preview #player_overlay_join_1 #reset { width:640px; height:480px; position:relative; }
#player .left .flash .preview #player_overlay_join_1 #form { width:636px; height:340px; position:absolute; top:220px; left:2px; color:#ffffff; }
#player .left .flash .preview #player_overlay_join_1 #reset #submit { width:636px; height:40px; position:absolute; top:416px; left:2px; }
/* ----- PLAYER OVERLAY JOIN #1 ----- */
/* ----- PLAYER OVERLAY JOIN #2 ----- */
#player .left .flash .preview #player_overlay_join_2 { width:640px; height:480px; background: url(graphics/player_overlay_join_2.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/player_overlay_join_2.png', sizingMethod='scale'); _background: transparent; }
#player .left .flash .preview #player_overlay_join_3 #reset { width:640px; height:480px; position:relative; }
#player .left .flash .preview #player_overlay_join_2 #form { width:410px; height:259px; position:absolute; top:119px; left:220px; color:#ffffff; }
#player .left .flash .preview #player_overlay_join_2 #reset #submit { width:410px; height:70px; position:absolute; top:378px; left:220px; }
/* ----- PLAYER OVERLAY JOIN #2 ----- */
/* ----- PLAYER OVERLAY JOIN #3 ----- */
#player .left .flash .preview #player_overlay_join_3 { width:640px; height:480px; background: url(graphics/player_overlay_join_3.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/player_overlay_join_3.png', sizingMethod='scale'); _background: transparent; }
#player .left .flash .preview #player_overlay_join_3 #reset { width:640px; height:480px; position:relative; }
#player .left .flash .preview #player_overlay_join_3 #form { width:282px; height:205px; position:absolute; top:195px; left:20px; color:#ffffff; }
#player .left .flash .preview #player_overlay_join_3 #reset #submit { width:636px; height:40px; position:absolute; top:416px; left:2px; }
/* ----- PLAYER OVERLAY JOIN #3 ----- */
/* ----- PLAYER OVERLAY JOIN #4 ----- */
#player .left .flash .preview #player_overlay_join_4 { width:640px; height:480px; background: url(graphics/player_overlay_join_4.png); }
#player .left .flash .preview #player_overlay_join_4 #reset { width:640px; height:480px; position:relative; }
#player .left .flash .preview #player_overlay_join_4 #form { width:636px; height:340px; position:absolute; top:100px; left:2px; color:#000000; }
#player .left .flash .preview #player_overlay_join_4 #reset #submit { width:618px; height:53px; position:absolute; top:416px; left:11px; }
#player .left .flash .preview #player_overlay_join_4 a { text-decoration:underline; }
/* ----- PLAYER OVERLAY JOIN #4 ----- */

#player .left .flash_info { background-image:url(graphics/flash_info.gif); width:654px; height:74px; position:relative; overflow:hidden; margin:0; padding:0; }
#player .left .flash_info .left { position:absolute; float:left; top:8px; left:8px; width:205px; height:54px; padding:0; text-align:left; }
#player .left .flash_info .right { position:absolute; float:left; top:12px; left:554px; width:99px; padding:0; text-align:center; font-size:10px; }
#player .left .flash_info .right img { margin-top:5px; }
#player .right { float:left; width:296px; }
#player .right .box { position:relative; }
#player .right .box .related { position:relative; width:296px; background-image:url(graphics/related_bg.gif); background-repeat:repeat-y; min-height:544px; background-position:bottom; }
#player .right .box .related ul { margin-left:7px; }
#player .right .box .related ul li { float:left; width:138px; height:104px; padding:0 6px 0 0; margin:0 0 6px 0; }
#player .right .box .related ul li.nomb { margin-bottom:0; }
#player .right .box #instructions { position:absolute; display:none; }
#player .right .box #instructions .outer { position:relative; width:296px; background-image:url(graphics/related_bg.gif); background-repeat:repeat-y; min-height:544px; background-position:bottom; }
#player .right .box #instructions .inner { margin:0 0 0 7px; padding:0; color:#ffffff; width:282px; height:544px; z-index:99; }