* { margin:0; padding:0; }
html body { height:100%; background-color:#EEEEEE; }
#bodywrap { position:relative; z-index:1; max-width:1400px; height:100%; background-color:#FFFFFF; margin:0 auto; font-family: verdana, arial, helvetica, sans-serif; }
#leftcol { position:relative; left:5px; z-index:3; display:inline-block; width:29%; vertical-align:top; border-right:1px solid #999999; padding-bottom:50px; }
#pagewrapper { position:relative; left:0px; z-index:3; display:inline-block; width:69%; border-left:1px solid #999999; }
#top-content { color:#606060; text-align:left; margin-left:3%; }
h1 { color:#404040; font-size:1.5em; margin:15px 0 5px 0; }
h2 { color:#606060; font-size:1.4em; margin:15px 0 5px 0; }
h3 { color:#606060; font-size:1em; }
ul { margin:5px 0; margin-left:3%; }
ol { margin:5px 0; margin-left:3%; }
p { margin: 10px 0; }
img { max-width:100%;}
.screenshot { width:95%; max-width:510px; margin:10px auto; }
.bigbold { font-weight:bold; color:black; }
.inlineblock { postion:relative; display:inline-block; }
/*---------------------- 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 ul { list-style-type:initial; }
#top-content ol { list-style-type:initial; }
#top-content hr { padding:0px 10px; }
#top-content blockquote { border:1px solid #aaaaaa; }
#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; }
/*---------------------- breadcrumbs --------------------------*/
#breadcrumbs { position:relative; height:35px; width:100%; text-align:left; margin:0; padding:0 10px; background-color:#EFEFEF; font-size:.8em; }
#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;}
/*---------------------- 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; }
/*---------------------- 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(/National_Library/20170827070107oe_/https://portforward.com/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%; }
/*---------------------- --------------------------*/
#displayoutput { display:none; }
@media (min-width: 1201px){
#bodywrap { font-size:100%; }
}
/*---------------------- column data formatting --------------------------*/
#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%; }
#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:10px 0 10px 3%; border:1px solid #e2dfd6;}
#cports td { height:40px; margin:0 0; }
#cports a { font-weight:bold; color: #CC6600; text-decoration: none; }
#cports a:hover { text-decoration: underline; }
.cportstd1 { color:#606060; text-align:left; background-color:#FFFFFF; }
.cportstd2 { color:#606060; background-color:#F1F1F1; text-align:left; }
#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 (max-width: 1400px) and (min-width: 1160px) {
#bodywrap { font-size:100%; }
}
@media (max-width: 1160px) and (min-width: 801px) {
#bodywrap { font-size:90%; }
}
@media (max-width: 800px) and (min-width: 641px) {
#bodywrap { font-size:80%; }
}
@media (max-width: 640px) and (min-width: 420px) {
#bodywrap { font-size:70%; }
}
@media (max-width: 419px) {
#pagewrapper { width:100%; }
#bodywrap { font-size:60%; }
#leftcol { display:none; }
#sitenav { display:block; }
#breadcrumblinks { display:none; }
}