* { margin:0; padding:0; }
html body { height:100%; background-color:#EEEEEE; }
#bodywrap { position:relative; display:table; max-width:1400px; background-color:#FFFFFF;
margin:0 auto; font-family: verdana, arial, helvetica, sans-serif; border-right:1px solid #CCCCCC;}
#leftcol { position:relative; display:table-cell; width:29%; vertical-align:top; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding-bottom:50px; }
#pagewrapper { position:relative; display:table-cell; width:69%; padding-right:15px; overflow:hidden; padding-bottom: 100px;}
#top-content { position:relative; color:#606060; text-align:left; padding-left:3%; }
h1 { color:#404040; font-size:1.4em; margin:25px 0 5px 0; }
h2 { color:#404040; font-size:1.3em; margin:15px 0 5px 0; }
h3 { color:#404040; font-size:1.1em; }
ul { margin:5px 0; margin-left:3%; }
ol { margin:5px 0; margin-left:3%; }
p { margin: 10px 0; }
img { margin-top:20px; max-width:100%;}
td { color:#404040; }
a { color:#CC6600; text-decoration:none; }
a:hover { text-decoration:underline;}
.screenshot { width:95%; max-width:510px; margin:10px auto; }
.bigbold { font-weight:bold; color:black; }
.inlineblock { position:relative; display:inline-block; }
.steps { margin-top:60px!important; }
.clear { clear:both; }
.floatleft { position:relative; float:left; padding:0 15px 15px 0; }
.floatright { position:relative; float:right; padding:0 0 15px 15px; }
/*---------------------- topbar --------------------------*/
#topbar { position:relative; height:50px; background-color:#9b9b9b; color:white; vertical-align:middle; font-family: verdana, arial, helvetica, sans-serif; }
#topbar div { display:table; height:100%; margin-left:10px; }
#topbar a { display:table-cell; color:white; padding:0 10px; vertical-align:middle; text-decoration:none;}
#topbar a:hover { text-decoration: underline; }
#topbar span { display:table-cell; vertical-align:middle; font-size:1.15em; }
#topbar img { margin:0px; max-width:25px; padding:0px 15px; }
@media (min-width: 801px){
#navtop { position:absolute; top:0px; right:20px; margin-right:20px; }
}
@media (max-width: 800px) {
#topbar { text-align:center; }
#topbar div { display:none; }
#navtop { display:table!important; }
#topbar a { padding:0 5px; }
#topbar img { padding:0px 15px 0px 0px; }
}
#breadcrumbs { position:relative; height:35px; width:100%; text-align:left; margin:0; padding:0 10px; background-color:#EFEFEF; font-size:.8em; border-bottom:1px solid #CCCCCC; }
#breadcrumblinks { margin:0 0; padding-top:7px; font-weight:bold; }
#breadcrumblinks a { color:#CC6600; text-decoration:none; }
#breadcrumblinks a:hover { text-decoration:underline;}
#hiddenbreadcrumb { display:none; }
#externalip { position:absolute; top:7px; right:10%; }
#sitenav { display:none; margin:0 0; padding-top:7px; font-weight:bold; }
#sitenav a { color:#CC6600; text-decoration:none; }
#sitenav a:hover { text-decoration:underline;}
/*---------------------- guidebody --------------------------*/
#guidebody { margin-bottom:80px; background-color:#FFFFFF; }
#guidebody p { margin-left:20px; }
#guidebody img { margin-left:20px!important; }
#guidebody table { margin:20px 40px; }
#guidebody td { padding:4px; }
#guidebody ol { list-style-type:decimal!important; margin-left:80px;}
#guidebody ul { margin-left:80px;}
#guidebody ol ul { list-style-type:none!important; margin-left:20px!important;}
#appchecked { display:none; margin:0!important; }
#addresschecked { display:none; margin:0!important; }
.steps { color: #333333; font-size: 20px;}
.unpw { color: #666666; font-size: 16px; margin-left: 40px; }
#unpwhelp { margin:40px 120px 40px 40px; padding:15px; background-color:#F0F0F0; border:1px solid #999999; border-radius:5px; }
#inapp { min-width:650px; }
#Enteredipaddr { min-width:635px; }
#addrchecked { display:none; }
/*---------------------- addressbar --------------------------*/
#addressbar { position:relative; }
#addressbar div { position:absolute; top:50px; left:140px; font-family:sans-serif; margin:0; padding:0;}
#addressbar img { margin:0; padding:0;}
/*---------------------- portmold --------------------------*/
#portmoldarchive { display:none; max-width:69%; }
#displayportmold { max-width:900px; overflow-x:scroll; }
#displayportmold img { padding:0px; margin:0px; max-width:none; width:auto!important; }
#displayportmold input { padding:0px; margin:0px; }
input[name="Enteredipaddr"] { width:200px!important; }
/*---------------------- nu-spot --------------------------*/
#nu-spot { text-decoration:none; }
#nu-spot div { text-align:center; margin:20px 0px 40px 0px;}
#nu-spot img { opacity:1; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
/*---------------------- navbar --------------------------*/
#logo { }
#logo img { border:none; width:100%; }
#pfnavbar { }
#pfnavbar ul { list-style:none; margin:0 5%; }
#pfnavbar a { color:#444444; display:block; text-decoration:none; font-size:10pt; font-weight:bold; font-size:1em; }
#pfnavbar a:hover { text-decoration:underline; }
#pfnavbar ul li ul li a { font-weight:normal!important; }
/*---------------------- topcontent --------------------------*/
#top-content h2 { color:#404040; text-align:left; }
#top-content a { color:#CC6600; text-decoration:none; }
#top-content hr { padding:0px 10px; }
#top-content blockquote { border:1px solid #aaaaaa; width:80%; padding: 10px; margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
#top-content .answer { background-color:#eeeeee; padding: 5px; width: 70%; margin-top: 5px; margin-bottom: 5px; margin-left: 3%;}
/*---------------------- game landing --------------------------*/
.game-landing-header img { vertical-align:top; margin:10px 0; }
.game-landing-platform img { vertical-align:top; margin:10px 0; }
.game-landing-header div { position:relative; display:inline-block; max-width:50%; margin:0px 3%; }
.game-landing-platform div { position:relative; display:inline-block; max-width:75%; margin:10px 3%; }
/*---------------------- game guide --------------------------*/
#gamelinks a { line-height:25px; }
/*---------------------- static guide customizations ---------*/
.static-tabbed { margin-left: 5%; }
.static-block { display: block; }
/*---------------------- adverts --------------------------*/
#adtext-top-content { margin:8px auto; text-align:center; }
#adtext-middle-content { margin:8px auto; }
#pfad-rect { text-align:center; margin-bottom:20px; }
#uglypfconfig { text-align:center; }
#uglypfconfig img { border-style:none; width:100%; max-width:555px; }
#sidebar-pfconfig-wrap { text-align:center; }
#sidebar-pfconfig-wrap img { border:none; width:90%; margin:10px auto; }
.softwareblock { position:relative; margin:30px 0; }
.softwareblock div { position:relative; display:inline-block; margin:10px; vertical-align:top; }
.softwareblock div div { position:relative; display:block; margin-bottom:10px; }
.bahsoftwareblock ul { border:1px solid blue; }
.softwareblocktext { width:60%; }
.softwareblock .blue { color:#0A1B8A; }
.softwareblock img { border:none; }
#pf-ugly { text-align:center; }
#pf-ugly img { border-style:none; width:99%; max-width:500px; }
/*---------------------- FPA --------------------------*/
#blanket { position:absolute; top:0; bottom:0; width:100%; background-color:#111; text-align:center; }
#pfconfigspot { cursor:pointer; text-align:center; max-width:800px; margin:0 auto; }
#pfcspotbuy { position:relative; top:413px; left:250px; }
#clicktoclose { position:relative; margin-top:50px; left:290px; }
#pfcimg { width:800px; height:600px; background-color:#eeeeee; background:url(/build/images/pfconfig_800x600_background.png);}
#paypalbin { margin-left:11px; }
/*---------------------- author --------------------------*/
#author-info { padding:3%; border-radius:25px; background-color:#EEEEEE; margin:20px 0 30px 0; }
#author-info div { display:inline-block; margin:0 3% 0 3%; vertical-align:top; }
#author-info h4 { margin:0 0 10px 0; }
#author-bio { width:70%; }
/*---------------------- s page css --------------------------*/
#spage { position:absolute; top:51px; width:100%; z-index:10; background-color:white; display:none; }
/*---------------------- --------------------------*/
#displayoutput { display:none; }
@media (min-width: 1201px){
#bodywrap { font-size:100%; }
}
/*---------------------- column data formatting --------------------------*/
#wrapthreecol { width:95%; border:1px solid #e2dfd6; margin:10px 0 20px 15px; text-align:center; }
#wrapthreecol div { -webkit-column-count:3; -moz-column-count:3; column-count:3; border-bottom:1px solid #e2dfd6; padding:10px 0px 10px 20px; text-align:left; }
#wrapthreecol a { font-weight:bold; color:#CC6600; text-decoration:none; margin:0; padding:0; line-height:30px; }
#wrapthreecol a:hover { text-decoration: underline; }
#wrapgenreindex { width:95%; border:1px solid #e2dfd6; margin:10px 0 20px 15px; text-align:center; }
#wrapgenreindex div { -webkit-column-count:1; -moz-column-count:1; column-count:1; border-bottom:1px solid #e2dfd6; padding:10px 0px 10px 20px; text-align:left; }
#wrapgenreindex a { font-weight:bold; color:#CC6600; text-decoration:none; margin:0; padding:0; line-height:30px; }
#wrapgenreindex a:hover { text-decoration: underline; }
#letterdex a { font-weight:bold; color:#CC6600; text-decoration:none; font-size:15px; margin-left:1px; margin-right:1px; border:none; padding:0; line-height:40px; }
#letterdex a:hover { text-decoration:underline; }
#double_column_data { float:left; width:95%; display:block; border:1px solid #e2dfd6; margin:10px 0 20px 15px; text-align:center; }
#double_column_data div { float:left; padding:0 5px; padding-bottom:10px; display:block; text-align:left; width:45%; }
#double_column_data div div { width:100%; padding: 0; }
#double_column_data hr { clear:left; width:100%; max-width:873px; }
#double_column_data ul { margin-bottom:20px; }
#double_column_data li { list-style-type:none; width:100%; }
#double_column_data h2 { width:100%; text-align:center; margin-bottom:5px; }
#double_column_data a { padding:0 48%; line-height:40px; }
#double_column_data a:hover { text-decoration: underline; }
#double_column_data div div a { font-weight:bold; color: #CC6600; text-decoration:none; margin:0; padding:0; line-height:30px; }
#single_column_data { float:left; width:95%; display:block; border:1px solid #e2dfd6; margin:20px 0 20px 3%; }
#single_column_data div { width:100%; display:block; }
#single_column_data a { font-weight:bold; color: #CC6600; text-decoration: none; }
#single_column_data a:hover { text-decoration: underline; }
#letterindex { width:100%!important; text-align:center!important; }
#letterindex a { font-weight:bold; color:#CC6600; text-decoration:none; font-size:15px; margin-left:1px; margin-right:1px; border:none; padding:0; line-height:normal; }
#letterindex a:hover { text-decoration:underline; }
.cports { width:95%; margin:0 0 7px 10px; border:1px solid #e2dfd6!important; border-collapse:collapse; }
.cports td { color:#606060; height:40px; margin:0; padding:0 5px; text-align:left; background-color:#FFFFFF; border:1px solid #999999; }
.cports a { display:block; font-weight:bold; color:#fdc58a !important; text-decoration: none; cursor:pointer; }
.cports a:hover { text-decoration:underline; }
.cports tr td:first-child { width:50px; padding-left:15px!important; background-color:#CCCCCC!important; }
.cports tr:first-child td { background-color:#919191!important; }
#fwdouble_column_data { float:left; width:95%; display:block; border:1px solid #e2dfd6; margin-left:15px; }
#fwdouble_column_data div { float:left; padding:0 5px; padding-bottom:10px; display:block; text-align:left; width:47%; }
#fwdouble_column_data div div { width:100%; padding-bottom:10px; }
#fwdouble_column_data div div div { width:100%; padding:0; margin:0; }
#fwdouble_column_data hr { clear:left; width:100%; }
#fwdouble_column_data h3 { width:100%; margin-bottom:5px; }
#fwdouble_column_data a { font-weight:bold; color: #CC6600; text-decoration:none; }
#fwdouble_column_data a:hover { text-decoration: underline; }
/*---------------------- Mobile --------------------------*/
@media (min-width: 1160px) {
.game-card-wrap { -webkit-columns:3; -moz-columns:3; columns:3; margin-top:20px; width: 90%; }
.game-card { height:320px; padding:20px 15px; margin-bottom:30px; }
}
@media (max-width: 1400px) and (min-width: 1160px) {
#bodywrap { font-size:100%; }
.game-card-wrap { -webkit-columns:3; -moz-columns:3; columns:3; margin-top:20px; }
.game-card { height:320px; padding:20px 15px; margin-bottom:30px; }
}
@media (max-width: 1160px) and (min-width: 801px) {
#bodywrap { font-size:90%; }
.game-card-wrap { -webkit-columns:2; -moz-columns:2; columns:2; margin-top:20px; }
.game-card { height:300px; padding:20px 15px; margin-bottom:30px; }
}
@media (max-width: 800px) and (min-width: 641px) {
#bodywrap { font-size:80%; }
.game-card-wrap { -webkit-columns:2; -moz-columns:2; columns:2; margin-top:20px; }
.game-card { height:300px; padding:20px 15px; margin-bottom:20px; }
}
@media (max-width: 640px) and (min-width: 420px) {
#bodywrap { font-size:70%; }
.game-card-wrap { -webkit-columns:2; -moz-columns:2; columns:2; margin-top:20px; }
.game-card { height:250px; padding:10px 15px; margin-bottom:10px; }
#podiv { display:none; }
}
@media (max-width: 419px) {
#pagewrapper { width:100%; }
#bodywrap { font-size:60%; }
#leftcol { display:none; }
#sitenav { display:block; }
#breadcrumblinks { display:none; }
#podiv { display:none; }
.game-card-wrap { -webkit-columns:1; -moz-columns:1; columns:1; margin-top:20px; }
.game-card { height:250px; padding:10px 15px; margin-bottom:10px; }
}
#pfnuad { margin:50px 120px 50px 40px; padding:15px; background-color:#F0F0F0; border:1px solid #999999; border-radius:5px; min-height: 275px;}
#pfnuad img { margin-right: 20px; }
/*---------------------- game cards --------------------------*/
.game-card { position:relative; vertical-align:top; cursor:hand; }
.game-card a { color:#666666!important; }
.game-card-pane { position:absolute; bottom:0; max-width:90%; width:90%; height:82%; overflow-y:hidden; box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.game-card-pane div { height:45%; background-size:cover; background-repeat:no-repeat; background-position:50% 0; }
.game-card-pane p { margin:10px 2px 2px 2px; padding:0.01em 16px; line-height:initial; }