.bg0{ background: black url(backgrounds/bg0.png) no-repeat scroll 10px 60px; margin: 0;}
.page_content { position: absolute; top: 130px; left: 50%; margin-left: -460px; width: 970px; height: 800px;}
.game_copy { position: absolute; top: 140px; right: 5px; width: 350px; height: 300px; color: red; font-family: Arial; font-size: 16px; text-align: justify; }
.game_copy img { padding-right: 8px; }
.socNet { position: absolute; top: 550px; left: 455px; }

#video_player { position: absolute; top: 130px; left: 0px; width: 500px; height: 375px; border: 1px solid red; }

#video_player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#modal_box { position: absolute; background: transparent url(images/trans_grey_pixel.png); width: 800px; height: 450px; border: 1px solid red; top:170px; margin-left: -400px; left: 50%; display: none; z-index: 100; }
.closebox { position: relative; top: -15px; left: -15px; z-index: 101; }
#modal { position: absolute; top: 0px; left: 0px; }


.header { font-family: Arial; font-size: 15px; font-weight: bold; margin-left: 10px; line-height: 28px; color: white; z-index: 10; position: absolute; top: 0px; left: 0px; text-align: left; }
.header a { text-decoration: none; color: white; }
    .corner {position:absolute; width:94px; height:28px;}
        .topLeft {top:0px; left:0; }
        .topRight {top:0; right:65px;}

#type5 {min-height:110px;}
    #type5 .corner {z-index: 1;}
        #type5 .topLeft,
        #type5 .topRight {height:27px; width: 65px; float: right;}
		#type5 .contents { position: relative; height: 90%; width: 100%; top: 30px; }

#background_choices { position: absolute; top: 10px; right: 10px; }
#bg_thumb { width: 39px; height: 20px; float: left; margin-right: 10px; }
a.tip {
	 position: relative;
}
a.tip span {
	 display: none;
	 position: absolute;
	 top: 25px;
	 left: -107px;
	 width: 146px;
	 padding: 0px;
	 z-index: 10000;
	 background: #000;
	 color: #fff;
}
a.tip img { border: 1px solid black; }

a:hover.tip {
	 font-size: 99%; /* this is just for IE */
}
a:hover.tip span {
	 display: block;
}


a.nettip {
}
a.nettip div {
	display: none;
}
a.nettip img {}

a:hover.nettip {
}

a:hover.nettip div {
         display: inline;
}

a.tip_lb_type {
	position: relative;
}
a.tip_lb_type span {
	width: 100px;
        display: none;
}
a:hover.tip_lb_type {
}

a:hover.tip_lb_type span {
	background:transparent url(box_bg.png) repeat-x scroll 0 0;
	border:1px solid black;
	display:inline;
	left: 0px;
	padding:3px;
	position: absolute;
	top: 15px;
}



.media_hdr { font-family: arial; font-size: 11px; font-weight: normal; color: white; }
.media_container { position: absolute; top: 130px; left: 520px; }

.video_previewer { text-align: center; margin-top: 5px; height: 424px; width: 780px; background: black; }
.image_previewer { height: 424px; overflow: hidden; width: 780px; background: black; }

.preview_close { background: #000; position: absolute; top: 35px; right: 5px; font-family: Arial; font-size: 9px; cursor: pointer; color: white; }

#rss_button { cursor: pointer; position: absolute; right: 0px; top: 2px; width: 30px; height: 25px; }
#rss_button img { position: absolute; top: 2px; left: 8px; }

.popup_close_btn {
position: absolute;
background: transparent url(images/popup_close_btn.png) no-repeat;
height: 18px;
width: 15px;
top: 0px;
right: 21px;
cursor: pointer;
}
.search_textbox input {
        position: absolute;
        background:transparent url(images/textbox.png) no-repeat scroll 0 0;
        border:0 none;
        font-family:Arial;
        font-size:10px;
        padding-left:3px;
        width:140px;
 }
.search_textbox img { position: absolute; left: 150px; cursor: pointer; }

#loading_img {  position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; }
.icon1 { position: absolute; top: -30px; left: -47px; z-index: 10; }
.icon { position: absolute; top: 0px; left: 2px; z-index: 10; }
.round_input {
        position: absolute;
        background:transparent url(images/textbox_lg.png) no-repeat scroll 0 0;
        border:0 none;
        font-family:Arial;
        font-size:15px;
        padding-left:5px;
	padding-top: 2px;
        width:170px;
	height: 20px;
}
.round_input_long {
        position: absolute;
        background:transparent url(images/textbox_long.png) no-repeat scroll 0 0;
        border:0 none;
        font-family:Arial;
        font-size:12px;
        padding-left:5px;
        padding-top: 3px;
        width: 250px;
        height: 20px;
}

.round_button {
        background:transparent url(images/login_form_button.png) no-repeat scroll 0 0;
	border: 0px;
	width: 65px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	color: white;
	font-size: 10px;
	padding-bottom: 5px;
	margin-right: 5px;
	cursor: pointer;
}
.round_button_long {
        background:transparent url(images/form_button_long.png) no-repeat scroll 0 0;
        border: 0px;
        width: 100px;
        padding-left: 5px;
        padding-right: 5px;
        height: 20px;
        color: white;
        font-size: 10px;
        padding-bottom: 5px;
        margin-right: 5px;
	cursor: pointer;
}

#uname_input { padding-top: 0px; line-height: 20px; width: 250px; text-align: left; }
#pword_input { padding-top: 5px; line-height: 20px; width: 250px; text-align: left; }
#login_buttons { position: absolute; top: 52px; left: 94px; }


.spotlight { 
	position: relative;
	color:white;
	font-family:Arial;
	font-size:11px;
	width: 160px;
	height: 210px;
	overflow: hidden;
	cursor: pointer;
}
.spot_img { width: 140px; text-align: center; overflow: hidden; padding: 10px; }
.spot_img img { max-width: 140px; }
.spot_title { width: 140px; padding-left: 8px; font-weight: bold; }
.spot_desc { width: 140px; padding: 8px; }



.lb_menu_pd { padding: 0px !important; color: white; }
.lb_menu_pd table { position: absolute; top: 0px; left: 0px; }
.lb_menu_pd td { padding: 0px !important; color: white; }
.lb_menu_pd ul { list-style-type: none; margin: 0px; padding: 2px; }
.lb_menu_pd li a { color: white; text-decoration: none; font-size: 10px; font-family: Arial; font-weight: normal; }
.lb_menu_pd_tl { background: transparent url(images/lb_menu_pd_tl.png) no-repeat; width: 6px; height: 6px; }
.lb_menu_pd_tm { background: transparent url(images/lb_menu_pd_tm.png) repeat-x; height: 6px; }
.lb_menu_pd_tr { background: transparent url(images/lb_menu_pd_tr.png) no-repeat; width: 6px; height: 6px; }
.lb_menu_pd_ml { background: transparent url(images/lb_menu_pd_ml.png) repeat-y; width: 6px; }
.lb_menu_pd_mm { background: transparent url(images/lb_menu_pd_mm.png); }
.lb_menu_pd_mr { background: transparent url(images/lb_menu_pd_mr.png) repeat-y; width: 6px; }
.lb_menu_pd_bl { background: transparent url(images/lb_menu_pd_bl.png) no-repeat; width: 6px; height: 6px; }
.lb_menu_pd_bm { background: transparent url(images/lb_menu_pd_bm.png) repeat-x; height: 6px; }
.lb_menu_pd_br { background: transparent url(images/lb_menu_pd_br.png) no-repeat; width: 6px; height: 6px; }


	/* start small box */
	.sm_box {
		padding:0 12px 0 0;
		background: #fff url(borders.png) 100% 0 repeat-y;
		z-index: 1;
	}
	.sm_bi {
		padding:0 0 0 12px;
		background:#fff url(borders.png) 0 0 repeat-y;
	}
	.sm_bt {
		height:8px;
		margin:0 -12px;
		background:url(box2_small.png) 100% 0 no-repeat;
	}
	.sm_bt div {
		width:18px;
		height:9px;
		background:url(box2_small.png) 0 0 no-repeat;
	}
	.sm_bb {
		height:17px;
		margin:0 -12px;
		background:url(box2_small.png) 100% 100% no-repeat;
	}
	.sm_bb div {
		width:18px;
		height:17px;
		background:url(box2_small.png) 0 100% no-repeat;
	}
	.sm_box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.sm_box p, .sm_box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.sm_box li {
		margin:0 0 0 2em;
		padding:0;
	}
	/* end small box */


/*	LEGAL / FOOTER		*/

        .footer { position: absolute; width: 970px; height: 200px; left: 0px; top: 685px; text-align: center; color: white; font-size: 12px; font-family: Verdana; font-weight: none; }

        .footer p a { text-decoration: none; color: white; }
        .footer p a:hover { text-decoration: underline; color: white; }
        .footer p { text-align: center; line-height: 14px; }
       
	.f_ppolicy { margin: 0 auto; height: 100px; width: 74px; }
        .f_esrb_rating { max-width: 250px; height: auto; width: 100%; }
        .f_capcom_logo { margin: 1rem  auto; cursor: pointer; }

	.fatshark { width: 75%; max-width: 100px; transform: translateY(40%); }

        .f_pegi_rating { position: absolute; top: 0px; left: 0px; }
        .eu_fatshark { position: absolute; top: 12px; left: 195px; }

	.legallines { margin: 1rem auto; text-align: justify; }
	.legallines p { text-decoration: none; color: white; }

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 77px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 40px;
}

.jcarousel-item img { cursor: pointer; border: 1px solid red; }

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -15px;
    left: 10px;
    width: 60px;
    height: 8px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 2px;
  right: -15px;
  width: 10px;
  height: 43px;
  cursor: pointer;
  background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 60px;
    height: 8px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: -10px;
    width: 10px;
    height: 43px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -96px;
}