body {
 background-color: black;
 font-size: 62.5%; /* 1em = 10pts apparently */
 background-image: url("img/potbs_bg.gif");
 background-repeat: repeat-x;
 background-position: top left;
 font-family: verdana, arial, helvetica, tahoma;
 font-weight: normal;
 letter-spacing: normal;
 padding: 0px;
/* margin-top: 20px;*/
}


.comparematch {
    color:blue !important;
}

.compareinvalid {
    background-color:yellow
}


.comparelower {
    color:red;
}
.comparehigher {
    color:green;
}


input#collapse-category[type="checkbox"]{
  position: absolute;
  left: -9999px;
}


.CollapseUL
 {
    height: 0;
  transform: scaleY(0);
 }

.CollapseUL {
display:none;

}

h3.collapseicon {

    margin: 0px 0px 0px 0px;
    width: fit-content;
    margin-left: auto;
   
}

label#collapse-category {
        /*width: 185px;*/
    display: block;
    float: right;
}




#above_header {
    color: white;
    text-align: right;
    width: 975px;
    padding-right: 5px;
    padding-bottom: 3px;
    margin: 0px auto;
	overflow:hidden;
	    /*margin-top: 5px;*/
}

#above_header a {
 /*color: yellow;*/
 text-decoration: none;
}

#above_header a:hover {
 /*color: lime;*/
}

select#format {
    height: 24px;
}

#header {
    width: 980px;
    height: 100px;
    margin: 0px auto;
    /*overflow: hidden;*/
	overflow:revert;
    background: url("img/header.gif") no-repeat;
}

#customSearch {
    float: right;
    width: 275px;
}

#topnav {
    width: 974px;
    height: 30px;
    margin: 0px auto;
    padding: 0px 3px;
    overflow: hidden;
    background-image: url("img/button_bg.gif");
}

#topnav .nav {
    /* nothing - moved to a which is now rendered as a block */
}

#topnav .nav a {
     display: block;

     width: 90px;
     height: 30px;
     float: left;
     color: white;
     line-height: 30px;
     text-align: center;
     font-size: 1.1em;
     font-weight: bold;
     background: transparent;

    text-decoration: none;
    color: #cccccc;
}

#topnav .nav .nav2 a {
    margin-left: 8px;
}

.nav2 a {
    white-space: nowrap;
    margin-left: 8px;
}


#topnav .nav a:visited {
    color: #cccccc;
}

#topnav .nav a:hover {
    color: black;
    text-decoration: underline;
    background: yellow;
    cursor: pointer;
    opacity: 0.3;
    moz-opacity: 0.3;
    filter:alpha("opacity=30");
}

#innerWrapper {
 width: 955px;
 overflow: hidden;
 margin-left: auto;
 /*margin-right: 5px;*/
 /*padding-left: 20px;*/
 /*padding-right: 20px;*/
}

.innerWrapper-table {
 margin-left: auto;
 margin-right: auto;
 /*padding-left: 20px;*/
 /*padding-right: 20px;*/
}

#mediumInnerWrapper {
 float: left;
 width: 750px;
 display: inline;
 overflow: hidden;
 padding-left: 115px;
 padding-right: 115px;
}

#smallInnerWrapper {
 float: left;
 width: 612px;
 display: inline;
 overflow: hidden;
 padding-left: 20px;
 padding-right: 10px;
}

#innerWrapper a, #smallInnerWrapper a {
    color: brown;
    text-decoration: none;
}

#innerWrapper a:visited, #smallInnerWrapper a:visited {
    color: brown;
    text-decoration: none;
}

#innerWrapper a:hover, #smallInnerWrapper a:hover {
    text-decoration: underline;
    color: red;
}

.smallNotice {
    margin: 0px;
    width: 100%;
    padding: 5px 20px;
    text-align: center;
    font-size: 0.8em;
    color: black;
    background: yellow;
    background-image: url("img/mainarea_bg_bright.gif");
}

.section_div {
    color: #efefef;
    width: 600px;
    overflow: hidden;
    padding: 6px 15px 6px 5px;
    background: url("img/bg_section_div.gif") no-repeat;
}

.floatContainer {
    width: 100%;
    overflow: hidden;
    float: none;
}

.bigOptions {
}

.bigOptions a {
    display: block;
    width: 80%;
    overflow: hidden;
    margin: 0px;
    padding: 3px;
    font-size: 1.4em;
}


p {
 margin: 5px 0px 15px 0px;
 padding: 0px;
}

h1 {
    margin: 10px 0px 3px 0px;
    padding: 0px;
    font-family: verdana, arial, helvetica, tahoma;
    font-size: 1.6em;
    font-weight: bold;
    color: brown;
    /* letter-spacing: .75px; */
}

h2 {
 color: #FFE56F;
 font-size: 1.2em;
 font-weight: bold;
 letter-spacing: normal;
 padding: 0px;
 margin: 0px 0px 10px 0px;
}

h3 {
    margin: 25px 0px 10px 0px;
    padding: 2px 0px 2px 5px;
    font-family: verdana, arial, helvetica, tahoma;
    font-size: 1.5em;
    color: brown;
    /* letter-spacing: .75px; */
    background: #EFB168;
}

h3.compact {
    margin: 0px 0px 3px 0px;
    width: 750px;
}


h3 a {
    text-decoration: none;
    color: inherit;
}

h3 a:visited {
    color: inherit;
}

h3 a:hover {
    color: red;
}

h4 {
    margin: 0px 0px 3px 0px;
    padding: 2px 0px 2px 15px;
    font-family: verdana, arial, helvetica, tahoma;
    font-size: 1.3em;
    color:#DF3A00;
    /* letter-spacing: .75px; */
    background: #FFC47F;
}

h5 {
 text-decoration: none;
 margin: 0px 5px;
 padding: 0px;
 font-size: 1.2em;
}


#main {
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
    font-size: 1.2em;
    min-height: 400px;
    text-align: justify;
    background-color: white;;
    background-image: url("img/mainarea_bg.gif");
    background-repeat: repeat-y;
    background-position: top left;
}

#footer {
    width: 980px;
    min-height: 25px;
    margin: 0px auto;
    overflow: hidden;
    color: white;
    padding-top: 15px;
    font-size: 1.0em;
    margin-bottom: 10px;
    background-color: black;
    background-image: url("img/mainarea_bg_btm.gif");
    background-repeat: no-repeat;
    background-position: top-left;
}

#footer .footerLink a {
 text-decoration: none;
 color: white;
}

#footer .footerLink a:visited {
 color: white;
}

#footer .footerLink a:hover {
 text-decoration: underline;
 color: yellow;
}

.standout {
    padding: 10px;
    margin: 20px 30px 10px 30px ;
    overflow: hidden;
    background: #FFBCAF;
    border: 2px solid #FF6C4F;
    font-weight: bold;
    font-size: .9em;
    color: black;
}

.list-table-style {
	border-spacing: 0;
	/*width: 830px;*/
	margin: 5px 0 5px 0;
	/*border-bottom: 0px;*/
	/*margin-left: auto;*/
	/*margin-right:auto;*/
	background: none;
	border: none;
	font-size: 12px;
}

table.list-table-style td {
    border: hidden;
	padding: 1px;
}

.filter-table-style {
	border-spacing: 0;
	
	width: 900px;
	margin: 10px auto;
	border-bottom: 0px;
	margin-left: auto;
	margin-right:auto;
}

th, td {
  padding: 3px;
}

table.filter-table-style tr:hover {
    background-color: white;
}


table {
 border: 1px solid #cf9126;
 font-family: verdana, arial, helvetica, tahoma;
 /*font-size: 1.1em;*/
 background: #EFC695;
}

table.plain {
 border: 0px;
 background: transparent;
 font-size: small;
}

table thead, table th {
 background: #EFAA59;
 color: #9F5600;
 font-weight: bold;
 font-size: .8em;
}

table .tbl_header {
 background: #7f560f;
 color: yellow;
 font-weight: bold;
}

table .tbl_header td {
 border-bottom: 2px solid gold;
}

table td {
 border-bottom: 1px solid #cf9126;
 text-align: left;
}

table.plain td {
 border: 0px;
 text-align: left;
}

table.plain td.thead {
 background: #FFC47F;
 font-weight: bold;
 text-align: left;
}


table.plain td a {
 font-size: 1em;
 text-align: left;
}

form {
    padding: 0px;
    margin: 0px;
}

form div.row {
    clear: left;
    width: 980px;
    margin-bottom: 5px;
    height: 23px;
    line-height: 23px;
}

form div.label {
    width: 200px;
    float: left;
    font-weight: bold;
}

form div.control {
    float: left;
}

form div.notation {
    width: 300px;
    float: left;
    padding-left: 5px;
}

form div.submit {
    float: right;
    width: 100px;
    margin-right: 20px;
}

.filterDivWrapper {
    width: 900px;
    overflow: hidden;
    background: darkred;
    margin: 4px auto;
}

.filterDiv {
    width: 725px;
    height: 17px;
    overflow: hidden;
    float: right;
    padding: 5px;
    border: 1px solid #EF8100;
    border-left: 0px;
    background: #fcb96b;
    font-weight: normal;
    /* font-variant: small-caps; */
    font-size: .9em;
    color: darkred;
}

.filterDiv select, .filterDiv input {
    font-size: .9em;
    color: darkred;
    background: #FFF79F;
    border: 1px solid #EF8100;
}

.filterDivBtn {
    padding: 2px 10px;
    background: silver;
    color: gray;
    margin: 0px;
    font-size: .9em;
    border: 1px solid gray;
    cursor: default;
}

.filterDivLabel {
    width: 150px;
    float: left;
    overflow: hidden;
    padding: 5px;
    font-weight: bold;

    color: white;
}

hr {
 margin: 70px 0px 10px 0px;
 height: 1px;
 border: 0px;
 border-top: 1px;
 border-style: solid;
 border-color: darkred;
}

.rightColumn {
    width: 318px;
    overflow: hidden;
    float: right;
    margin-right: 10px;
}

.thinLeftColumn, .thinRightColumn {
    width: 160px;
    background: transparent;
    overflow: hidden;
    padding: 10px 0px;
}
.thinLeftColumn {
    float: left;
    margin-left: 10px;
}

.thinRightColumn {
    float: right;
    margin-right: 10px;
}

.rightColumnBox {
    width: 282px;
    overflow: hidden;
    background-image: url("img/bg_red_div.jpg");
    background-repeat: repeat-x;
    background-color: #c41615;
    margin: 8px;
    padding: 8px;
    font-size: .9em;
    letter-spacing: normal;
    color: white;
    border: 2px solid darkred;
}



.rightColumnBox h2 {
    font-size: 1.4em;
}

.rightColumnBox a {
    text-decoration: none;
    font-size: 1em;
    letter-spacing: normal;
    color: white;
}

.rightColumnBox a:hover {
    color: yellow;
}

.rightColumnBox a:visited {
    color: silver;
}

.myCaptList {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.myCaptPic {
     width: 100px;
     overflow: hidden;
     float: left;
     border: 1px solid gray;
}

.myCaptText {
    width: 300px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    font-size: .8em;
    color: gray;
}

.myCaptText .textName {
    font-weight: bold;
    font-size: 1.4em;
    font-family: tahoma, helvetica, verdana, arial;
    margin-bottom: 3px;
}

.myCaptText .textSoc {
    font-weight: bold;
    font-size: 1.0em;
    font-family: tahoma, helvetica, verdana, arial;
    margin-bottom: 3px;
}

.myCaptNation {
    width: 100px;
    overflow: hidden;
    float:left;
    background: yellow;
}

.myCaptSoc {
    width: 100px;
    overflow: hidden;
    float:left;
    background: blue;
}

.avatarGallery {
    width: 48%;
    overflow: hidden;
    float: left;
    margin-bottom: 3px;
}

.avatarGalleryNoFloat {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3px;
}

.avatarGalleryPic {
    width: 108px;
    padding: 2px;
    float: left;
    overflow: hidden;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
}

.avatarGalleryText {
    width: 48%;
    overflow: hidden;
    float: left;
    padding-top: 2px;
    font-size: 1em;
    text-align: left;
}

.avatarName {
  font-size: 1.1em;
  font-weight: bold;
}

.avatarRankText {
  font-size: 0.9em;
}

.avatarSmallText {
  padding-top: 6px;
  font-size: 0.8em;
  color: gray;
}



.avatarGallery img {
    border: 1px solid gray;
}

.shipGallery {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.shipGalleryEntry {
    width: 230px;
    height: 230px;
    float:left;
    overflow: hidden;
    font-size: .75em;
    text-align: center;
}

.shipGallery img {
    border: 1px solid gray;
}

.stdChart {
    padding-right: 15px;
    margin-bottom: 25px;
    overflow: hidden;
    float: left;
}

/* SKILL BUILD PAGES */

  #skillTree {
    width: 30%;
    float: left;
    overflow: hidden;
  }

  #skillTreeAvcom {
    width: 40%;
    float: left;
    overflow: hidden;
  }

  .skillGroup {
    border: 1px solid black;
    overflow: hidden;
    margin: 5px 0px;
    padding-bottom: 5px;
  }

  .skillGroupTitle {
    color: white;
    font-weight: bold;
    background: black;
    padding: 3px;
    font-size: 11pt;
    font-family: arial, helvetica;
    margin-bottom: 5px;
  }

  .skillIcon {
    float: left;
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin-left: 10px;
  }

  #skillRightSide {
    width: 65%;
    float: right;
    overflow: hidden;
    padding: 5px;
  }

  #skillRightSideAvcom {
    width: 55%;
    float: right;
    overflow: hidden;
    padding: 5px;
  }

  .infoBox {
    padding: 5px;
    background: #FFFABF;
    border: 2px solid #FFEC1F;
    font-size: 10pt;
    margin-bottom: 15px;
    text-align: left;
  }

  .infoBoxTitle {
    color: white;
    font-weight: bold;
    background: brown;
    padding: 3px;
    font-size: 11pt;
    font-family: arial, helvetica;
    margin-bottom: 5px;
  }

/* ADSENSE FORMATS */

.ad_large_banner {
 border: 0px solid gray;
 margin: 0px auto;
 width: 728px;
 height: 90px;
 overflow: hidden;
 text-align: center;
}

.ad_top_link_unit {
    width: 100%;
    height: 15px;
    overflow: hidden;
    background: #ffb55f;
    border-bottom: 1px solid #ff8a00;
}

.ad_right_half_banner {
    width: 300px;
    height: 60px;
    overflow: hidden;
    margin: 0px 8px 0px 8px;
    border: 0px solid darkred;
    background: transparent;
}

.ad_right_square {
    width: 300px;
    height: 250px;
    overflow: hidden;
    background: white;
    margin: 0px 8px 0px 8px;
    border: 1px solid darkred;
}

.ad_right_skyscraper {
    width: 160px;
    height: 600px;
}

.ad_right_link_unit {
    width: 160px;
    height: 90px;
}