/* $Header: /cvs01/Spinfish/beelinersurveys.com/resource/web/shared/css/default.css,v 1.4 2008/03/31 22:17:19 heiko Exp $ */
//
/**
 * Common base style sheet for Beeliner Web sites. 
 *
 * $Author: heiko $
 * $Revision: 1.4 $
 */
//
/*
 * Main styles
 */
HTML {
    height: 100%;
}

BODY {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    height: 100%;
    margin: 0px;
    padding-bottom: 10px;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 0px;;
    height: 100%;
}

P {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin-left: 35px;
    margin-right: 35px;
}

H1 {
    color: #100D75;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 35px;
    margin-top: 8px;
}

H2 {
    color: #FF9933;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 35px;
    margin-top: 8px;
}

H3 {
    color: #A32990;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 35px;
    margin-top: 8px;
}

H4 {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 10px;
    margin-right: 35px;
    margin-top: 8px;
}

/* 
 * note: we need to use both margin and padding on the left because of IE's 
 *       incompatibility!
 */
UL {
    list-style-type: square;
    margin-left: 35px;
    margin-right: 35px;
    padding-left: 25px;
}

OL {
    margin-left: 35px;
    margin-right: 35px;
    padding-left: 25px;
}

LI {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

IMG {
    border: none;
}

IMG.photo {
    border: 1px solid black;
    margin: 10px 10px 10px 10px;
    text-align: left;    
}

TABLE {
    border-collapse: collapse;
    color: #666666;
    font-size: 9pt;
    margin-bottom: 10px;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 10px;
}

THEAD {
    background-color: #CEE7EF;
    border-left: 1px solid #9FCADF;
    border-right: 1px solid #9FCADF;;
    border-top: 1px solid #9FCADF;
}

TBODY {
    
}

TFOOT {
    background-color: #CEE7EF;
    border-bottom: 1px solid #9FCADF;
    border-left: 1px solid #9FCADF;
    border-right: 1px solid #9FCADF;;
}

TR {
    
}

TH {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

TBODY TH {
    border: 1px solid #9FCADF;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    vertical-align: top;;
    padding: 10px;
}

TBODY.centered TH {
    text-align: center;
    vertical-align: middle;
}

TD {
    border: 1px solid #9FCADF;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

TBODY.centered TD {
    text-align: center;
    vertical-align: middle;
}

TFOOT TD {
    border: none;
}

A {
    color: #A32990;
    text-decoration: none;
}

A:HOVER {
    color: #A32990;
    text-decoration: underline;
}

HR {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #CCCCCC;
}

FORM#ContactForm {
    margin-left: 35px;
}

SPAN.validation-error {
    color: #cc6666;
    font-weight: bolder;
}

/*
 * template and layout styles
 */
TABLE.layout {
    margin: 0px;
}

TR.layout {
    
}

TD.layout {
    border: none;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

/*
 * banner styles
 *
 * note: gradient from #99CADF to #FFFFFF
 */
DIV.banner {
    background-image: url("/shared/image/bannerbackground.jpg");
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding-top: 4px;
    position: relative;
    width: 100%;
}

TABLE.banner {
    margin: 0px;
    width: 100%;
}

TR.banner {
    
}

TD.banner {
    border: none;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

/*
 * banner navigation styles
 */
TABLE.navbar-main {
    margin: 0px;
}

DIV.navbar-button {
    position: relative;
}

DIV.navbar-sub {
    background-color: #CEE7EF;
    border-bottom: 1px solid #9FCADF;
    border-left: none;
    border-right: none;
    border-top: 1px solid #9FCADF;
    height: 24px;
    width: 100%;
}

DIV.navbar-sub-list {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    height: 24px;
    padding-top: 4px;
    padding-left: 4px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
}

DIV.navbar-sub-list A {
    color: #100D75;
    text-decoration: none;
}

DIV.navbar-sub-list A:HOVER {
    color: #100D75;
    text-decoration: underline;
}

/*
 * footer styles
 */
DIV.footer {
    padding-top: 8px;
    padding-bottom: 2px;
    text-align: center;;
    padding-bottom: 2px;
}

DIV.footer P {
    color: #999999;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;;
}

SPAN.footer-nav {
    padding-left: 10px;
    padding-right: 10px;
}

DIV.footer HR {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #CCCCCC;
}

/*
 * outline box styles for sidebar
 */
DIV.outlinebox {
    border: 1px solid #999999;
    margin-top: 10px;
    width: 180px;
}

P.outlinebox {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 12pt;
    text-align: center;
}

H1.outlinebox {
    background-color: #6699CC;
    color: #000033;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: 20px;
    margin: 0px;
    padding: 10px;
    text-align: center;;
    line-height: 20px;
}

/*
 * FAQ styles
 */
TABLE.faq {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    width: auto;
}

TR.faq {
    
}

TD.faq {
    border: none;
    margin: 0px;
    padding: 2px;;
    margin: 0px;
}

/*
 * Form styles
 */
TABLE.grid-pane {
    margin: 0px;
}

TR.grid-pane {
    
}

TD.grid-pane {
    border: none;
    margin: 0px;
    padding: 2px;
}

P.error {
    color: #666666;
    font-size: 8pt;
    font-style: italic;
}

/**
 * Hexagon tab styles
 */
TABLE.hextab {
    margin-left: 0px;
    margin-right: 0px;
}

TR.hextab {
    
}

TD.hextab {
    border: none;
    white-space: nowrap;
}

TD.hextab-filler {
    border: none;
}

IMG.hextab {
    margin-right: -25px;
}

/**
 * Demo box styles
 */
DIV.demo-box {
    color: #333333;
}

TABLE.demo-tab {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 95%;
}

TD.demo-tab {
    border: none;
    padding: 0px;
    padding-right: 0px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

IMG.demo-tab {
    margin-left: -25px;
}

SPAN.demo-tab {
    margin-right: -25px;
}

DIV.demo-box H1 {
    color: #ff9933;
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    margin-left: 25px;
    margin-right: 0px;
    white-space: nowrap;
}

DIV.demo-box H2 {
    color: #330066;
    font-size: 16pt;
    font-weight: bold;
    margin: 10px;
}

DIV.demo-box H3 {
    color: #330066;
    font-size: 10pt;
    font-weight: bold;
    margin: 0px;
}

DIV.demo-box P {
    margin: 10px;
}

DIV.demo-box UL P {
    margin-left: 0px;
}

DIV.demo-box UL LI {
    
}

TABLE.demo-box {
    border-collapse: collapse;
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    width: 95%;
}

TR.demo-box {
    
}

TD.demo-box {
    background-color: #9999ff;
    border: none;
    margin: 0px;
    padding: 0px;
}

TD.demo-box-ul {
    background-image: url('/shared/border/ul,co0x9999ff,ax15,ay15');
    background-position: right bottom;
    background-repeat: no-repeat;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ul IMG {
    height: 15px;
    width: 15px;
}

TD.demo-box-uc {
    background-image: url('/shared/border/uc,co0x9999ff,ax15,ay15');
    background-position: bottom;
    background-repeat: repeat-x;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-uc IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ur {
    background-image: url('/shared/border/ur,co0x9999ff,ax15,ay15');
    background-position: left bottom;
    background-repeat: no-repeat;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ur IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ml {
    background-image: url('/shared/border/ml,co0x9999ff,ax15,ay15');
    background-position: right;
    background-repeat: repeat-y;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ml IMG {
    height: 15px;
    width: 15px;
    padding: 0px;
}

TD.demo-box-mr {
    background-image: url('/shared/border/mr,co0x9999ff,ax15,ay15');
    background-position: left;
    background-repeat: repeat-y;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-mr IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ll {
    background-image: url('/shared/border/ll,co0x9999ff,ax15,ay15');
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-ll IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

TD.demo-box-lc {
    background-image: url('/shared/border/lc,co0x9999ff,ax15,ay15');
    background-position: top;
    background-repeat: repeat-x;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-lc IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

TD.demo-box-lr {
    background-image: url('/shared/border/lr,co0x9999ff,ax15,ay15');
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    padding: 0px;
    width: 15px;
}

TD.demo-box-lr IMG {
    height: 15px;
    padding: 0px;
    width: 15px;
}

/*
 * Draft style to mark up text during development.
 */
.draft {
    background-color: #ffeeee;
    background-image: url("/shared/image/draft.gif");
    border: 1px dotted #999999;
    font-style: italic;
}