/* Based on http://www.pmob.co.uk/temp/3colfluidtest_4.htm
 * 3 col fluid layout CSS Document
 */
/* mac hide */
html, body { height: 100%; }
/* end hide */

body {
        font: x-small sans-serif;
        background: #FFFFFF;
        position: relative;
        min-width: 600px;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #000000;
}

pre { overflow: auto; }

#global { font-size: 127%;
          line-height: 1.4;
}

#outer {
        top: -70px;
        height: 100%;
        min-height: 100%;
        margin-left: 20%;
        margin-right: 20%;
        color: #000000;
        position: relative;
}

/* For mozilla as IE treats height as min-height anyway */
html>body #outer { height:auto; }

/* Needed to fix ie's bad handling of widths with percentages */
#inner { width: 100%; }

#headerone {
        padding-top: 4px;
}

#headerthree {
        position: relative;
        top: -55px;
        margin-top: 55px;
        padding-top: 4px;
        left: 0;
        width: 100%;
        height: 55px;
        overflow: hidden;
        color: #000000;
}

#left {
        position: relative; /* ie needs this to show float */
        width: 32.5%;
        float: left;
        margin-left: -32.5%; /* must be same as width */
        margin-top: 1%;
        padding: 1%;
        background-color: #F9F9F9;
        /*makes element 1px smaller than wdth otherwise won't push footer down*/
        margin-right: 1px;
        top: -30px;
}

#left p { padding-left: 0; padding-right: 3px; }
#right p { padding-left: 7px; padding-right: 2px; }

#right {
        position: relative; /* ie needs this to show float */
        width: 32%;
        float: right;
        margin-right: -32%; /* must be same as width */
        /*makes element 1px smaller than wdth otherwise won't push footer down*/
        margin-left: 1px;
        margin-top: 1%;
        padding: 1%;
        background-color: #F9F9F9;
}

#middle, #middle_forum {
        margin: 1% 2.3% 2% 2.3%;
        padding-left: 2%;
        padding-right: 2%;
        border-left: gray 1px dotted;
        border-right: gray 1px dotted;
        overflow: auto;
}

#middle_forum {
        background-color: #FAFFFA;
}

h2 {
        margin: 0 0 10px 0;
}

#adminlink {
        font-size: 60%;
}

.ratefldset {
        border: none;
}

.tipbtnsandvote {
        vertical-align: top;
        padding: 3px 0 3px 0;
        margin: 0;
        text-align: center;
        border: gray 1px dotted;
}

.tipbtns {
        width: 100%;
        background-color: #F9F9F9;
}

.voteandaction {
        padding: 0;
        /* These margins prevent the tipbtns icons from wrapping on IE */
        margin-left: 10px;
        margin-right: 10px;
}

.centertd { text-align: center; }

.votesyms {
        text-align: center;
        font-size: 60%;
}

#broughtby { text-align: center; }

#admin { margin-left: 5%; margin-right: 5%; }

#faqlink { margin-left: 20px; margin-right: 20px; }

#hdr_links { padding-left: 1%; padding-right: 1%; text-align: right; }

#homelink { padding-left: 1%; }

#title { font-size: 35px; }

#A2Z { color: #D3D3D3; }

#subtitle { font-size: 18px; }

#preview {
        border: gray 1px solid;
        margin-bottom: 15px;
        padding: 0px 15px 15px 15px;
}

#editlbl { font-weight: bold; }

#tiptext { width: 97%; }

.tip {
         margin-bottom: 14px;
         margin-top: 14px;
}

.smalltext {
        font-size: 70%;
}

#remind { margin-left: 20%; margin-right: 20%; }

#signupbtn { margin-right: 5px; }

#editdiv {
        width: 70%;
        text-align: center;
        margin-left: 15%;
        margin-right: 15%;
}

#cat_chain_div { text-align: right; margin-bottom: 4px; }

#cat_chain_links { float: left; }

#footerone {
        width: 100%;
        height: 50px;
        border-top: 1px solid #000;
        color: #000000;
        text-align: center;
        padding-top: 2px;
}

#footerthree {
        width: 100%;
        clear: both;
        height: 50px;
        border-top: 1px solid #000;
        color: #000000;
        text-align: center;
        margin-top: -52px; /* drag footer back into page */
        position: relative;
}

#catheading {
        color: black;
        background: #F5F7F4;
        border: 1px;
        border-style: solid;
        border-color: #AC7C8A;
        margin-top: 9px;
        padding: 2px 0 2px 5px;
        vertical-align: center;
}

#forumheading {
        color: #FAFFFA;
        background: #B3C7B3;
        border: 1px;
        border-style: solid;
        border-color: #008000;
        margin-top: 9px;
        padding: 2px 0 2px 5px;
        vertical-align: center;
}

#switchlink {
        float: right;
        font-size: 56%;
        padding-right: 5px;
}

#searchresults {
        margin: 15px;
}

#recenttipslink {
        text-align: right;
}

#welcome {
        color: green;
}

#hdrimgleft_td { padding-left: 5px; }

#hdrimgright_td { padding-right: 6px; text-align: right; width: 66px; }

.floatleft { float: left; }

#logoutlink { font-size: 90% }

#searchdiv {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: gray 1px dotted;
}

#searchtext { width: 95%; }

#navlinks { text-align: center; }

.username {
        font-family: "Verdana" sans-serif;
        font-size: 70%;
        color: green;
        font-style: italic;
}

.submit { font-size: 90%; overflow: hidden; }

#newcatlbl { margin-top: 28px; }

#newcatedit { width: 95%; }

.greybg {
        background-color: #F9F9F9; /* lightgray */
}

.messagediv {
        text-align: center;
        padding: 3px 2% 3px 2%;
        margin: 15px 2% 11px 2%;
        width: 90%;
}

#general_heading {
        font-size: 70%;
        color: #E0E0E0;
}

.item_cell {
        width: 100%;
        vertical-align: top;
}

.discussion_cell {
        width: 100%;
        vertical-align: top;
        border-bottom: gray 1px dotted;
}

.postdate {
        font-size: 60%;
}

.separator {
        color: silver;
        text-align: center;
        font-size: 80%;
        line-height: 3;
}



.codebox {
  white-space: pre;

  line-height: 0.7;
   /* width: 94%; */
   width: 32em; */
   max-height: 20em;

  /* word-wrap: break-word; */
  font-family: 'Lucida Console' , Consolas, 'courier new', courier, monospace;
  font-size: 90%;

  background-color: #F9F9F9;
  text-align: left;
  border: gray 1px dotted;
  color: black;
  text-decoration: none;
  padding: 1.2ex 0.4em 1.2ex 0.4em;
  overflow: auto;
  margin-left: 1em;
}


#errormsgdiv {
        color: red;
        border: red 1px solid;
}

#successmsgdiv {
        color: green;
        border: green 1px solid;
}

#tipbuttons { text-align: right; padding-top: 8px; }

.broughtby {
        font-size: 90%;
        text-align: center;
}


.unreadmsg {
        font-style: italic;
        color: green;
}

.unreadrow {
               background: #F0FFFF;
}



.tiplink { font-size: 90%; }

.leftdivlabels { font-size: 100%; font-style: italic; }

IMG { border: 0; }

.actionicon { border: 0; }

#termsdiv {
/*        width: 95%;/*250px;*/
        border: gray 1px dotted;
        padding: 5px;
        margin: 5px;
        font-size: 84%;
}

#loginformleft {
        clear: both;
        position: absolute;
        left: 0px;
        top: 110px;
        width: 46%;
        text-align: left;
        padding: 16px;

}

#loginformright {
        position: absolute;
        top: 110px;
        left: 50%;
        text-align: left;
        padding: 16px;
        border-left: gray 1px dotted;
}

* html #footerthree { /* only ie gets this style */
        height: 52px; /* for ie5 */
        height: 50px; /* for ie6 */
}
#clearfooter { clear: both; height: 52px; } /* needed to make room for footer */
div,p  { margin-top: 0; } /* clear top margin for mozilla */
/* mac hide*/
* html #centrecontent { height: 1%; }/* combat IE's 3 pixel jog */
/* end hide*/
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper thanks to Tim Connor*/


/* DIVs must have a border value set in Netscape 4.x */

DIV { border: none; }