/* @override http://media.playpark.net/PP/Rift/style/style.css */

body {
background: #000;
margin: 0;
padding: 0;
}

div, p, h4, h5, h6, ul, li, table, tr, th, img, a {
margin: 0;
padding: 0;
font: normal normal 13px 'Helvetica', sans-serif;
color: #fff;
text-align: left;
line-height:18px;
}

h2 {
margin: 0;
padding: 0;
font-family: 'QuadraatOT-Bold.otf';
src: url('http://media.playpark.net/PP/Rift/font/QuadraatOT-Bold.otf');
color:#a4cfff;
font-size:19px;
letter-spacing:1px;
line-height:30px;
}

h3 {
margin: 0;
padding: 0;
font: bold normal 14px 'Helvetica', sans-serif;
color: #fff;
text-align: left;
line-height:18px;
}

ul{
list-style:none;
}

img {
border:0;
}

::-webkit-scrollbar {height: 6px;width:6px; border:2px solid #F5F5F5;}

#content_all {
	background :url(http://media.playpark.net/PP/Rift/images/Riff_main_bg.jpg) top center repeat-x ;
	height: 1650px;
	display: block;
}
::-webkit-scrollbar-track-piece  {background-color: #F0F0F0;}
::-webkit-scrollbar-thumb {background-color: #1E1E1E; }
::-webkit-scrollbar-thumb:hover {background-color: #008bbf;}

#advertpro{
margin: 13px auto 0;
width: 728px;
}

.bigwrap {
width:965px;
height:100%;
margin: auto;
}

.familyBnr{
height:111px;
}

.herobnr {
width:965px;
height:400px;
float:left;
position:relative;
}

.logo {
float:left;
margin-top: 222px;
}

.slogan{
float:right;
margin:33px 0 7px;
}

.video {
width:500px;
height:274px;
float:right;
margin:0 3px 20px 0;
padding:3px;
overflow:hidden;
}

.frameTop {
width:506px;
height:29px;
position: relative;
z-index:50;
float:right;
top: -300px;
margin-right:3px;
background:url(http://media.playpark.net/PP/Rift/images/frame_01.png) no-repeat;
}

.frameBottom {
width:506px;
height:25px;
position: relative;
z-index:50;
float:right;
top: -71px;
margin-right:3px;
background:url(http://media.playpark.net/PP/Rift/images/frame_02.png) no-repeat;
}

/* Tabs */
ul.tabs {
width:965px;
height:43px;
float:left;
}

ul.tabs li {
float:left;
}

ul.tabs li span{
display:none;
}

li#news a, visited {
width:112px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_01.png);
display: block;
cursor: pointer;
}

li#intro a, visited {
width:182px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_02.png);
display: block;
cursor: pointer;
}

li#download a, visited {
width:153px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_03.png);
display: block;
cursor: pointer;
}

li#blog a, visited {
width:165px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_04.png);
display: block;
cursor: pointer;
}

li#subscription a, visited {
width:193px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_05.png);
display: block;
cursor: pointer;
}

li#official a, visited {
width:157px;
height:43px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_nav_06.png);
display: block;
cursor: pointer;
}

ul.tabs li#news a:hover, ul.tabs li#intro a:hover, ul.tabs li#download a:hover, ul.tabs li#blog a:hover, ul.tabs li#subscription a:hover, ul.tabs li#official a:hover {
background-position: 0 -43px;
}

/*li#news.active, li#intro a.active, li#download a.active, li#blog a.active, li#subscription a.active, li#official a.active {
background-position: 0 -86px;
}*/

.wrap{
background:url(http://media.playpark.net/PP/Rift/images/Rift_content_bg_01.png) repeat-y;
width:923px;
float:left;
margin-left:3px;
padding:5px 17px 0;
}

.wrapBtm{
background:url(http://media.playpark.net/PP/Rift/images/Rift_content_bg_02.png) repeat-y;
width:957px;
height:19px;
float:left;
margin-left:3px;
}

.contentLeft{
width:616px;
float:left;
margin:18px 8px 0 0;
}

.mainBnr {
width:616px;
height:228px;
float:left;
}

.leftBox {
width:616px;
height:100%;
float:left;
margin-top:6px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_news_02.jpg);
}

.newsTop{
width:616px;
height:42px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_news_01.jpg);
}

.blogTop{
width:616px;
height:42px;
background:url(http://media.playpark.net/PP/Rift/images/Riff_blog.jpg);
}

.newsTop a, .blogTop a{
float:right;
margin: 22px 8px 0;
}

.leftContent{
width:586px;
height:100%;
padding:2px 15px;
float:left;
}

.newsContent{
width:100%;
margin:5px 0 0;
float:left;
background-color:#000;
}

.newsimages{
width:110px;
height:70px;
overflow:hidden;
float:left;
border: 1px solid #555;
margin-right:10px;
background:#333 url(http://media.playpark.net/PP/Rift/images/newsImg_bg.jpg);
}

.newsimages img{
max-height:70px;
}

.date_url {
float:left;
width:464px;
}

.date_url a{
padding:0;
margin:0;
float:left;
}


.date_url a img{
padding:0;
margin:0;
float:right;
}

.newsContent h1{
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
float:left;
width: 392px;
}

.newsContent p{
margin:3px 0 0;
padding:0;
float:left;
width: 392px;
overflow:hidden;
color:#bbb;
}

.newsContent p font{
font-size:13px;
}

.newsContent p b{
font-weight:normal;
}

.newsContent ul, .newsContent ol{
display:none;
}

.newsContent span, .newsContent2 span{
margin:4px 0 0;
padding:0;
float:left;
width: 392px;
font-size:10px;
color:#2996eb;
}

.newsContent a{
float:left;
}

.newsContent2{
width:100%;
height:100%;
margin:5px 0 0;
float:left;
background-color:#000;
}

.newsContent2 img{
border: 1px solid #555;
margin:0 10px 10px 0;
max-width:576px;
}

.newsContent2 h1{
font-size:18px;
font-weight:bold;
margin:0;
padding:2px 0;
float:left;
width: 100%;
}

.newsContent2 p{
margin:3px 0 10px;
padding:0;
float:left;
width: 100%;
color:#bbb;
}

.newsContent2 table{
width:100%;
border: 1px solid #333;
}

.newsContent2 ul, .newsContent2 ul{
float:left;
width:100%;
}

.subsContent{
width:100%;
margin:5px 0 15px;
float:left;
background-color:#000;
border-bottom:1px solid #222;
}

.subsContent h1{
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
padding:0;
float:left;
width: 100%;
}

.subsContent h3{
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
float:left;
width: 100%;
}

.subsContent h5{
width: 100%;
float: left;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
line-height: 24px;
color:#A4CFFF;
}

.subsContent p{
margin:7px 0;
padding:0;
float:left;
width: 100%;
overflow:hidden;
color:#bbb;
}

.subsContent p img{
margin:0 5px 5px 0;
}

.subsimage , .subsimage a{
float:left;
margin:0 8px 0 0;
}

.subsimage img{
width:100px;
border: 1px solid #555;
}

.priceCol{
float:left;
width:166px;
}

.line {
width:596px;
height: 1px;
margin: 5px 0 2px;
background:url(http://media.playpark.net/PP/Rift/images/line.jpg) no-repeat;
float:left;
left: -5px;
position: relative;
}

.blog {
width:189px;
height:100%;
float:left;
margin:2px 3px; 
}

.blog div{
width:187px;
height:69px;
border:1px solid #555;
float:left;
margin-bottom:2px;
}

.blog img {
width:187px;
overflow:hidden;
float:left;
}

.blog h1, .blog p {
width:179px;
padding:0 4px;
float:left;
}

.blog p {
height:36px;
overflow:hidden;
}

.blog span, .blog span img{
width:70px;
height:11px;
border:none;
float:left;
margin:5px 2px;
padding:0;
}

.contentRight{
width:299px;
float:left;
}

.contentRight ul li{
float:left;
}

/*--Banners Start--*/
.window {
width: 616px;
height:228px;	
overflow: hidden;
position: relative;
background:url(http://media.playpark.net/PP/Rift/images/bannerBg.jpg);
}

.image_reel {
position: absolute;
top: 0; 
left: 0;
}

.image_reel img {
float: left;
}

/*--Paging Styles--*/
.paging {
position: relative;
bottom: 30px;
left: 490px;
width: 100px;
height:10px;
z-index: 100;
overflow:hidden;
}

.paging a {
padding:0 6px;
margin-right:10px;
background:url(http://media.playpark.net/PP/Rift/images/bullet.png) no-repeat;
}

.paging a span{
display:none;
}

.paging a.active {
background-position:0 -10px;
}

/*--Banners End--*/

/*--Facebook Start--*/

#facebook{
width:297px;
z-index:10;
height: 235px;
overflow: hidden;
position:relative;
margin-bottom:5px;
background:#000;
border: 1px solid #313131;
}

#facebook iframe{
top:-1px;
left:-2px;
overflow:hidden;
position:relative;
}

/*--Facebook End--*/

.footer {
background:url(http://media.playpark.net/PP/Rift/images/footerBg2.jpg) no-repeat top center;
width:980px;
height:110px;
float:left;
margin-top:20px;
padding-top:30px;
left:-10px;
position:relative;
}

.footer p{
font-size:9px;
color:#fff;
letter-spacing:1px;
text-align:center;
line-height:13px;
width:500px;
float:left;
margin:10px 0 0 10px;
}

/*--Main Page End--*/

/*--Inner Page Start--*/
body#inner {
background: #000;
}

#content_sub {
	background: url(http://media.playpark.net/PP/Rift/images/Riff_inner_bg.jpg) top center repeat-x ;
margin: 0;
padding: 0;
	height: 1200px;
}

.herobnrInner {
width:965px;
height:200px;
float:left;
position:relative;
}

.logoInner {
float:left;
margin-top: 30px;
}

.sloganInner {
float:right;
margin:133px 0 7px;
}

.innerBox{
background:#000000;
border:1px solid #313131;
width:586px;
padding:8px 16px;
float:left;
}

.intro{
width:586px;
height:243px;
background:url(http://media.playpark.net/PP/Rift/images/Rift_intro_bg.jpg) no-repeat;
position:relative;
z-index:60;
left:-16px;
top:-8px;
padding:18px 16px;
}

.intro p{
width:340px;
line-height:22px;
margin-top:2px;
}

.collum{
float:left;
width:100%;
padding:8px 0;
}

.collum p{
padding-bottom:8px;
}

.collum img{
float:left;
padding-right:10px;
}

.collum span{
color:#a4cfff;
font-weight:bold;
}

ul.country li{
float:left;
padding:8px 0;
width:230px;
}

ul.country li img{
float:left;
padding-right:10px;
}

ul.countryList li{
list-style:  inside;
width:120px;
margin:0;
padding:0;
}

ul.countryList a{
text-decoration:none;
}

.formBnr{
margin-top:14px;
}

.formBnr img{
float:left;
}

.form{
background:url(http://media.playpark.net/PP/Rift/images/formBg.jpg);
width:263px;
height:201px;
float:left;
padding:15px 20px;
}

.form p{
width:260px;
float:left;
padding:4px 0;
}

#textfield{
width:150px;
margin:4px 0 4px 2px;
}

/*--popUp Start--*/
#lightBox{
width:641px;
height:543px;
margin:auto;
z-index:1000;
overflow: hidden;
position:relative;
}

.toolkit{
position:relative;
z-index:1100;
top: -200px;
left: 475px;
}

.toolkit div{
position:relative;
z-index:1200;
top: -31px;
left: 10px;
}

#formButton{
background: url(http://media.playpark.net/PP/Rift/images/submit.jpg);
width:71px;
height:27px;
border: none;
margin-left:2px;
text-indent: -100px;
cursor:pointer;
}

button{
-webkit-appearance: button;
}

#popup .b {
  background:url(http://media.playpark.net/PP/Rift/images/b.png);
}

#popup .tl {
  background:url(http://media.playpark.net/PP/Rift/images/tl.png);
}

#popup .tr {
  background:url(http://media.playpark.net/PP/Rift/images/tr.png);
}

#popup .bl {
  background:url(http://media.playpark.net/PP/Rift/images/bl.png);
}

#popup .br {
  background:url(http://media.playpark.net/PP/Rift/images/br.png);
}

#popup {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#popup .popup {
  position: relative;
}

#popup table {
  margin: auto;
  border-collapse: collapse;
}

#popup .body {
  padding: 10px;
  background: #000;

}

#popup .loading {
  text-align: center;
}

#popup .image {
  text-align: center;
}

#popup img {
  border: 0;
}

#popup .popFooter {
  padding-top: 5px;
  margin-right:5px;
  text-align: right;
}

#popup .tl, #popup .tr, #popup .bl, #popup .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

body#dl, body#tnc {
background: #000;
margin: 0;
padding: 0;
}

body#tnc h1{
padding:10px 0;
margin:0;
}

ol#tnclist{
list-style: outside decimal;
padding: 0 24px;
}

ol#tnclist li{
padding:3px 0 4px 2px;
font-size:13px;
line-height:18px;
}

body#tnc a{
width:40px;
text-decoration:none;
font-size:16px;
margin:0 300px;
padding-top:50px;
font-weight:bold;
}


/*--Microsite Start--*/
body#micro {
background: #000 url(http://media.playpark.net/PP/Rift/images/Riff_micro_bg.jpg) top center repeat-x ;
margin: 0;
padding: 0;
}

.birthdayLogo{
width:286px;
float:right;
margin:70px 10px 100px;
}

.birthdayLogo img{
text-align:center;
}

.innerwrap{
width:927px;
margin:auto;
}

.innerContent{
background:url(http://media.playpark.net/PP/Rift/images/RIFT_Birthday_05.png) repeat-y;
width:857px;
padding: 10px 35px;
float:left;
}

.innerContentLeft{
width:411px;
float:left;
padding-right:24px;
}

.innerContentLeft p{
width:409px;
padding:5px 2px;
}

.innerContentRight{
width:422px;
float:left;
}

.innerContentRight h1{
margin:0;
padding:0 0 7px;
font-size:16px;
}

innerimages {
float:left;
}

.tabletop{
background:url(http://media.playpark.net/PP/Rift/images/RIFT_Birthday_08.png);
width:417px;
height:35px;
padding-left:5px
}

.timetable{
background:url(http://media.playpark.net/PP/Rift/images/RIFT_Birthday_10.jpg) repeat-y;
width:406px;
padding: 6px 8px;
}

.timetable ul{
list-style:outside square;
padding-left:17px;
}

.timetable ul li{
padding-top:3px;
}

.timetable td{
padding: 2px 8px;
}