body {
    display: block;
    margin: 0px;
}
body.sidebar {
	display: block;
	margin: 5px;
	overflow: hidden;
}
body.pagebar {
	display: block;
	margin: 5px;
	overflow: hidden;
}
div.header {
	background-image: url(/media/header_pogo.png) no-repeat;
}

a.pn {
	/*text-shadow:
       2px 2px 0 #000;*/
	  text-shadow:
     -0.5px -0.5px 0 #000,  
      0.5px -0.5px 0 #000,
      -0.5px 0.5px 0 #000,
       0.5px 0.5px 0 #000;
}

/* unvisited link */
a:link {
	color: #4CFF00;
    text-decoration: none;
}
/* visited link */
a:visited {
	color: #2A8E00;
    text-decoration: none;
}
/* mouse over link */
a:hover {
    color: #4CFF00;
	text-decoration: underline;
}
/* selected link */
a:active {
	 color: #3AC400;
    text-decoration: none;
}
/* unvisited link */
a.pn:link {
	color: #4CFF00;
    text-decoration: none;
}
/* visited link */
a.pn:visited {
	color: #2A8E00;
    text-decoration: none;
}
/* mouse over link */
a.pn:hover {
	color: #4CFF00;
	text-decoration: underline;
}
/* selected link */
a.pn:active {
	color: #3AC400;
    text-decoration: none;
}



@font-face { 
	font-family: twinsfont; 
	src: url('/twinsfont_v2.ttf');
	} 
@font-face { 
	font-family: project_nitro; 
	src: url('/media/CCZoinksO.otf');
	
	} 
@font-face { 
	font-family: geekspeak; 
	src: url('/media/CCGeekSpeak.ttf');
	} 
@font-face { 
	font-family: pn_old; 
	src: url('/media/Project_Nitro_Font_Updated.ttf');
	} 
font.shad {
  font-family: Segoe UI, Tahoma, serif;
  /* text-shadow:0px 0px 3px #00C221; */
  /* text-shadow:0px 0px 1px #FFFFFF; */
}
font.project_nitro {
  font-family: geekspeak, Segoe UI, Tahoma, serif;
  font-size: 18px;
  color: white;
  /* text-shadow:0px 0px 3px #00C221; */
  /* text-shadow:0px 0px 1px #FFFFFF; */
  text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
font.pn_font{
	font-family: project_nitro; 
	color:white;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
font.pn_font_big{
	font-family: project_nitro; 
	color:white;
	font-size: 16px;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
font.jasm {
	font-family: twinsfont;
	font-size: 30;
}
font.level_stat{
	font-family: twinsfont;
	color:white;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
font.front {
	font-family: twinsfont;
	font-size: 25;
}
table.twins {
 /* background-color: #70BEFF; */
 background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
 background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 15px;
 padding: 10px;
}
table.twins_alt {
	background: -webkit-linear-gradient(left top, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white;
	border-radius: 15px;
	padding: 10px;
}
table.project_nitro_full {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.project_nitro {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.project_nitro_good {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(0,192,255,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.project_nitro_evil {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,0,0,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.project_nitro_secret {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(125,125,125,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.project_nitro_secret2 {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,0,255,0.5);
	border-radius: 0px;
	padding: 10px;
}
table.title {
	background: -webkit-linear-gradient(left top, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(230,230,0,1), rgba(255,177,112,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white;
	border-radius: 0px;
	padding: 10px;
	
	text-shadow:
     -1px -1px 0 #FFF,  
      1px -1px 0 #FFF,
      -1px 1px 0 #FFF,
       1px 1px 0 #FFF;
	   
}
table.title_pn {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding: 10px;
	font-family: project_nitro, Segoe UI, Tahoma, serif;
	font-size: 26;
	color: white;
	padding-bottom: 6px;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
table.title1 {
	background: -webkit-linear-gradient(left top, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white;
	padding: 10px;
}
table.oldtitle {
	background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white;
	padding: 10px;
}
table.side{
	border-spacing: 15px 0px;
	border-radius: 15px;
}
table.multi{
	border-spacing: 15px 15px;
	border-radius: 15px;
}
ul {
   list-style-image: url('/media/twin_tech3.png');
}
td.twins{
	border-spacing: 15px;
	/* background-color: #70BEFF; */
	background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
	border-radius: 15px;
	padding: 10px;
}
td.twins1{
	border-spacing: 15px;
	/* background-color: #70BEFF; */
	background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
	border-radius: 0px;
	padding: 10px;
}
td.twins1_alt{
	border-spacing: 15px;
	/* background-color: #70BEFF; */
	background: -webkit-linear-gradient(left top, rgba(243,255,100,1) , rgba(255,177,112,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(243,255,100,1) , rgba(255,177,112,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(243,255,100,1) , rgba(255,177,112,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(243,255,100,1) , rgba(255,177,112,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
	border-radius: 0px;
	padding: 10px;
}
td.twins1_nopad{
	border-spacing: 15px;
	/* background-color: #70BEFF; */
	background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
	box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
	border-radius: 0px;
	padding: 0px;
}
td.project_nitro {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding: 10px;
	color: white;
	font-family: Segoe UI, Tahoma, serif;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
td.project_nitro_leaderboards {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding-top: 8px;
	color: white;
	font-family: project_nitro, Segoe UI, Tahoma, serif;
	font-size: 26;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
td.project_nitro_leaderboards_normal {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	padding-top: 8px;
	color: white;
	font-family: project_nitro, Segoe UI, Tahoma, serif;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
td.project_nitro_leaderboards_fixer {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	color: white;
	font-family: project_nitro, Segoe UI, Tahoma, serif;
	font-size: 20;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
td.project_nitro_v2 {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,255,0.5);
	border-radius: 0px;
	padding: 10px;
	color: white;
	font-family: Segoe UI, Tahoma, serif;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
td.project_nitro_sub_pages {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	color: white;
}
table.project_nitro_sub_pages_full {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	color: white;
    position: relative;
    z-index: 1;
}
table.sidebar {
 background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
 background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 15px;
}
table.sidebar1 {
 background: -webkit-linear-gradient(left top, rgba(112,190,255,1) , rgba(112,100,255,1)); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(bottom right, rgba(112,190,255,1), rgba(112,100,255,1)); /* For Firefox 3.6 to 15 */
 background: linear-gradient(to bottom right, rgba(112,190,255,1) , rgba(112,100,255,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 0px;
}
table.sidebar2 {
	background: -webkit-linear-gradient(left top, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(243,255,100,1), rgba(255,177,112,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 0px;
}
table.sidebar3 {
	background: -webkit-linear-gradient(left top, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 15px;
}
table.sidebar4 {
	background: -webkit-linear-gradient(left top, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(174,174,174,1), rgba(121,121,121,1)); /* Standard syntax (must be last) */
 box-shadow: 0 0 0 3pt white, 2px 2px 0 5px rgba(0, 0, 0, 0.50);
 border-radius: 0px;
}
table.sidebar_pn{
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	font-family: project_nitro; 
	padding: 3px 0px 0px 0px;
	color: #4CFF00;
}
td.pn_normal{
	border: 5px rgba(255,255,0,1);
	border-collapse: collapse;
	border-style: solid;
	border-width: 5px;
}
td.pn_good{
	border: 5px rgba(0,192,255,1);
	border-collapse: collapse;
	border-style: solid;
	border-width: 5px;
}
td.pn_evil{
	border: 5px rgba(255,0,0,1);
	border-collapse: collapse;
	border-style: solid;
	border-width: 5px;
}
td.pn_secret{
	border: 5px rgba(255,0,255,1);
	border-collapse: collapse;
	border-style: solid;
	border-width: 5px;
}
iframe.sidebar {
 width: 125px;
 height: 100%;
 outline: none;
}
video#bgvid { 

position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

}
div.sider {
	display: inline-block;
	vertical-align: text-top;
}

.bg_option_switcher select {
   border: 0;
   border-radius: 0;
   overflow: hidden;
   color: white;
   -webkit-appearance: none;
   background: url("media/arrow.png") no-repeat right transparent;
}

.bg_option_switcher_pn select {
   border: 0;
   border-radius: 0;
   overflow: hidden;
   color: white;
   -webkit-appearance: none;
   background: url("project_nitro/media/arrow.png") no-repeat right transparent;
}

option {
	font-family: twinsfont;
	font-size: 15px;
	background : rgba(112,145,255,1);
}
select {
	font-family: twinsfont;
	font-size: 15px;
}
option.pn {
	font-family: project_nitro; 
	background : rgba(0,0,0,0.5);
}
select.pn {
	font-family: project_nitro, Segoe UI, Tahoma, serif;
}
select.pn_lbs {
	font-family: project_nitro, Segoe UI, Tahoma, serif; 
	font-size: 26;
	color: white;
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3pt rgba(255,255,0,0.5);
	border-radius: 0px;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
option.pn_lbs {
	font-family: project_nitro; 
	font-size: 26;
	background : rgba(255,255,255,1);
	color: black;
}

h1.caption {
	margin: 0px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffff00), color-stop(100%, #ff0000)); background-image: -webkit-linear-gradient(#ffff00,#ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    position: relative;
	font-family: project_nitro; 
	font-size: 50px;
	line-height: 105%;
}

/*
h1.caption:after {
    background: none;
    content: attr(data-text);
    left: 50%;
    position: absolute;
    text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
    top: 0;
    z-index: -1;
}
*/

.container { position:relative; padding:0 0 0 0;}
#sidebar {
    position:absolute;
    left:5;
	top:4;
	height: -moz-calc(100% - 4px);
	height: -webkit-calc(100% - 4px);
	height: -o-calc(100% - 4px);
	height: calc(100% - 4px);
}
#pagebar {
	position:absolute;
    right:5;
	top:4;
	height: -moz-calc(100% - 4px);
	height: -webkit-calc(100% - 4px);
	height: -o-calc(100% - 4px);
	height: calc(100% - 4px);
}

#header { width:100%; height:42px; 
    margin:0 0 10px 5px;
}
#content { height:100%;
    margin:0 0 0 20;
	padding: 0 10 0 10;
	overflow: auto;
}
#footer { border:1px solid #000; width:100px; height:5px;
    margin:5px 0 0 0;
}

.scroll-left {
 /*height: 50px;	
 overflow: hidden;*/
 position: relative;
 white-space: nowrap;
 /*
 margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  */
}
.scroll-left span {
 position: absolute;
 /*width: 100%;
 height: 100%;*/
 margin: 0;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-left 30s linear infinite;
 -webkit-animation: scroll-left 30s linear infinite;
 animation: scroll-left 30s linear infinite;
 
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffff00), color-stop(100%, #ff0000)); background-image: -webkit-linear-gradient(#ffff00,#ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
	font-family: project_nitro; 
	font-size: 46px;
	line-height: 105%;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}