/* ============================================================================
 * nav/bigdoggie.css
 * ============================================================================
 */

/* Basic body colors */
BODY {
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
    padding: 0;
}

/* Global font handling */
HTML, BODY, H2, H3, H4, DIV, P, UL, LI, INPUT, TD, TH {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
DT {
    margin-top: 10px;
}

/* ============================================================================
 * STANDARD colouring; blues.
 * ============================================================================
 */
.mainnav {
    /* Main navigation bar across top of page. */
}
.leftnav {
    /* Left-hand side navigation bar/advertisements */
    background-color: #227AB7;
    padding: 5px;
    color: #FFFFCC;
}
.content {
    /* Main content in center of page. */
    background-color: #FFFFFF;
    padding: 5px;
}
.title {
    /* Main content in center of page. */
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    padding: 5px;
}
.mboardstitle {
    /* Title on members message boards. */
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}
.email {
    /* E-mail addresses, when present in _text_ (e.g. not hyperlinked) */
    font-style: italic;
}
.red {
  color: #FF0000;
}
.features {
 text-align: center;
 font-weight: bold;
}
.emphasized {
 text-align: center;
  color: #FF0000;
  font-weight: bold;
}
.fakelink {
  color: #0000FF;
}

h1, h2, h3, h4 {
    clear: both;
}

H1 {
    /* Main page headers */
    background-color: #71AE71;
    color: #FFFFFF;
    border: thick solid #669966;
    text-align: center;
    font-size: 16px;
}

H2, TH {
    /* Page sub-headers, and table headers */
    background-color: #EEEEEE;
    color: #006699;
    text-align: center;
    font-size: 14px;
}

H2.ladies {
    background-color: #FF70C0;
    color: #FFFFFF;
}

H3 {
    /* Page sub-sub-headers (likely for use in left-nav) */
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFCC;
    border: 0.1em solid #FFFFCC;
    margin: 2px;
}

.formname, label {
    /* Labels on forms, for two-column tables */
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}
label {
    float: left;
    width: 20%;
/*
    text-align: right;
    background-repeat: no-repeat;
    background-image: url(/images/media-playback-start-12.gif);
    background-position: bottom right;
    margin-right: 5px;
    padding-right: 20px;
*/
}
label.required {
    font-weight: bold;
}
label.error {
    color: red;
}
.formvalue {
    /* Values to be filled in on forms, for two-column tables */
    vertical-align: top;
    text-align: left;
}
.formsubmit {
    /* Row in table that holds "submit/reset" buttons */
    text-align: center;
    background-color: #EEEEEE;
    padding: 5px;
}
.formbutton {
    /* Buttons on forms */
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    padding: 2px 3px 2px 3px;
    font-size: 11px;
}
.leftnav .formbutton {
    /* Buttons in left-nav all have same width */
    width: 120px;
}

.warning {
    /* Generic "warning" text. */
    background: #ffff88 url(/images/important.gif) 3px 3px no-repeat;
    min-height: 34px; /* height of background image */
    padding: 5px 5px 5px 45px;
    border: thin solid #ff8888;
    margin: 2px;
    text-align: left;
}
.status {
    /* Generic "status" text. */
    background: #d1d1fe url(/images/status.gif) 3px 3px no-repeat;
    min-height: 34px; /* height of background image */
    padding: 5px 5px 5px 45px;
    border: thin solid #7171ae;
    margin: 2px;
    text-align: left;
}
.comingsoon {
    /* Generic "coming soon" text. */
    background-image: url(/images/comingsoon.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 5px 5px 5px 100px;
    background-color: #FFFF00;
    color: black;
    border: thin solid #FF0000;
}
.warning p, .status p, .error p {
    /* Cuddle paragraphs in these sections closer together */
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

.copyright {
    /* Copyright notices */
    font-size: smaller;
    background-color: #FFFFFF;
    color: #999999;
    border: thin solid #CCCCCC;
    padding: 3px;
    text-align: left;
    vertical-align: top;
}
.copyright A {
    font-size: smaller;
}


.address {
    /* General address information */
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}

.contentNavSection, .contentNavSection A {
    /* Nav items stuck in the middle of the content (dumb idea) */
    background-color: #71AE71;
    font-weight: bold;
    color: #FFFFFF;
    text-align : center;
}

.resultSection {
    /* Section header in results pages (if page has many result sections) */
    background-color: #CCE5FF;
    border: thin solid #AAC5DD;
    font-weight: bold;
}
/* Bordered items */
.bordered {
    border: thin solid gray;
}
/* FULLY bordered tables (including inner cells) */
.fullbordered {
    border: thin solid gray;
}
.fullbordered TD, .fullbordered TH {
    border-left: thin solid #CCCCCC;
    border-bottom: thin solid #CCCCCC;
}
/* Underlined items */
.underline, TR.underline TD {
    border-bottom: thin solid #CCCCCC;
}
.underline_red, TR.underline_red TD {
    /* Underlined items */
    border-bottom: thin solid #CC4444;
}
.underline_green, TR.underline_green TD {
    /* Underlined items */
    border-bottom: thin solid #44CC44;
}
.underline_blue, TR.underline_blue TD {
    /* Underlined items */
    border-bottom: thin solid #4444CC;
}

.spacer {
    /* Empty cell with pre-defined width */
    width: 5px;
}

/* These three (person, question, answer) showed up on the
 * "/guides/askkelly.shtml" page.
 */
.person {
    font-weight: bold;
}
.question .person {
    color: #0033CC;
}
.answer .person {
    color: #990000;
}

/* Special handling for "spotlight" sections on main page.
 * Where possible, we try to condense text together so that its scrunched a
 * little closer than it is throughout the rest of the site.
 */
.spotlight H1 {
    margin: 0px;
}
.spotlight P {
    margin: 4px;
}
.spotlight .header {
    font-weight: bold;
}
.spotlight .footer {
    font-weight: bold;
}
.spotlight A {
    color: #FF0000;
}

/* Special handling for lists where we don't want to indent the items */
.noindent {
    margin-left: 8px;
    padding-left: 10px;
}





.inactive, TR.inactive TD {
    /* inactive/non-counting/stale DB records */
    color: #999999;
}
.light, TR.light TD {
    /* "light"ly colored text */
    color: #999999;
}
.bright, TR.bright TD {
    /* "bright"ly colored text */
    color: #ff0000;
}
.small, TR.small TD {
    /* Slightly smaller text */
    font-size: smaller;
}
.big, TR.big TD {
    /* Slightly bigger text */
    font-size: larger;
}

.bold {
    font-weight: bold;
}
.clientdanger {
    font-size : smaller;
    font-weight : bold;
}
.clientwarning {
    font-size : smaller;
    font-weight : bold;
}
.clicktojoin {
    color: #006699;
    font-weight: bold;
}
.fancyjoin {
    color: #FFFFFF;
    font-weight: bold;
}
.fancyjoin I {
    color: #FFFF00;
}
.error {
    background: #ffbbbb url(/images/error.gif) 5px 5px no-repeat;
    min-height: 34px; /* height of background image */
    padding: 5px 5px 5px 45px;
    border: thin solid #ff0000;
    margin: 2px;
    font-weight: bold;
    text-align: left;
}
.mandatory {
    color: #FF0000;
}
.postreview, P.postreview A {
    color: #FFFFFF;
    text-align: center;
    background-color: #669966;
    font-weight: bold;
}

DT {
    font-weight: bold;
}

A.prev {
    color: #0000FF;
}
A.next {
    color: #0000FF;
}
A.photo {
  color: #FF0000;
  font-weight: bold;
}
A.discount {
  color: #009966;
  font-weight: bold;
}
A.tour {
  color: #006699;
  font-weight: bold;
}
A.white, .leftnav A {
  color: #FFFFFF;
}
.mboardsubnav, .mboardsubnav A {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* ============================================================================
 * Special classes for AnyBoard and the msgboards
 * ============================================================================
 * ============================================================================
 */
.abhasimg {
  color: #FF0000;
  font-size: smaller;
  font-weight: bold;
}
.abhaslink {
  color: #FF0000;
  font-size: smaller;
  font-weight: bold;
}
.abhasmore {
  color: #FF0000;
  font-size: smaller;
  font-weight: bold;
}
.ABMSGLIST, .ABMSGLIST TD, .ABMSGLIST LI {
  font-size: 12px;
}
.ABMSGLIST UL {
  vertical-align: top;
  margin-top: 0px;
}
.ABMSGAREA A, .ABMSGLIST A {
  text-decoration: none;
}

.abtest {
    color: #00FF00;
    background-color: #FF0000;
}

.abmoderator {
    color: #FF0000;
    font-weight: bold;
}

.abescort {
    color: #FF70C0;
    font-weight: bold;
}

.abvip {
    color: #CC9900;
    font-weight: bold;
}

.abmember {
    color: #669966;
    font-weight: bold;
}

.abboards {
    color: #663333;
    font-weight: normal;
}

.abpostodd {
	color: #000000;
	font-weight: normal;
	background: #cce5ff url(/images/folder.gif) 2px 2px no-repeat;
	text-align: left;
	width: 100%;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #AAAAAA;
	margin-top: 10px;
	margin-bottom: 10px;
}

.abposteven {
	color: #000000;
	font-weight: normal;
	text-align: left;
	background: #eeeeee url(/images/folder.gif) 2px 2px no-repeat;
	width: 100%;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #AAAAAA;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ============================================================================
 * MEMBERS colouring; reds.
 * ============================================================================
 */
/*
 * We'll duplicate all of the sections from above in the 'STANDARD' section
 * into here, but change the coloring.  In the end, it'll be a separate CSS
 * file, but for now just put it in here and comment out what we're working
 * with.
 */

/* ============================================================================
 * VIP colouring; golds.
 * ============================================================================
 */
/*
 * We'll duplicate all of the sections from above in the 'STANDARD' section
 * into here, but change the coloring.  In the end, it'll be a separate CSS
 * file, but for now just put it in here and comment out what we're working
 * with.
 */








/* LEGACY STYLES */


/* Special handling for different types of table cells */
TD.navbar {
    background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: #FFFFFF;
    font-size: 10px;
}
.navbar TD {
    padding: 0px;
    margin: 0px;
    border-left:   solid 1px #F7CB68;
    border-top:    solid 2px #F2C664;
    border-right:  solid 1px #B68821;
    border-bottom: solid 2px #EABD5A;
    background-color: #D9A63A;
}
.navbar A {
    color: white;
    text-decoration: none;
}
.navbar A:hover, .navbar IMG:hover {
    background: url(/nav/images/gradient.png);
    background-repeat: repeat-x;
}
TD.banner {
    background-color: #6699CC;
    color: #FFFFFF;
    font-weight: bold;
}
TD.membanner {
    background-color: #99CC99;
    color: #000000;
    font-weight: bold;
}
TD.mytitle {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}

/* Special handling for background colors of various types of table
   rows.
 */
TR.header {
    background-color: #CCE5FF;
}
TR.subheader {
    background-color: #BBD4EE;
}
TR.footer {
    background-color: #CCE5FF;
}
TR.evenrow, .alt1 {
    background-color: #E0FFE0;
}
TR.oddrow, .alt2 {
    background-color: #E0E0FF;
}
TR.smallrow TD {
    font-size: 10px;
}

/* Action Lists */
.action_list li {
    list-style: url(http://www.bigdoggie.net/images/icon-forward.gif) outside;
    height: 2em;
}

/* Note boxes */
div.notes {
    float: right;
    width: 158px;
    height: auto;
    margin: 0 0 10px 10px;
    padding: 5px;
    border: 1px solid #666;
    background-color: #ffffe1;
    color: #666;
    font-size: 80%;
}
div.notes h2 {
    background-image: url(/images/help-browser-16-trans.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 3px 20px;
    margin-top: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666;
    color: #666;
    font-size: 110%;
    /* undo some global <h2> styles */
    background-color: transparent;
    text-align: left;
}
div.notes p {
    margin: 0em 0em 1.2em 0em;
    color: #666666;
}
div.notes p.last {
    margin: 0;
}