/* Last Edit : xxx */
/* Primary logo colours:
 * red   : #F00;
 * blue  : #1600FF;
 * green : #0cff00;
 * activetab text : #444444;
 * non-active tab background: #fff7e2;
 * google ads background: #ffffcc;
 */
BODY
{
    background-color : #FFF; /* WHITE */
    /* background-color : #edeff4; /* MacOSX blue-ish - even lighter again */
    /* background-color : #f0ffe0; /* very light aqua-green */
    /* background-color : #e0ffff; /* blue-ish */
    /* background-color : #3d81ee; /* MacOSX blue-ish - a bit dark for background */
    /* background-color : #bcd2f4; /* MacOSX blue-ish - lighter */
    /* background-color : #dce5f4; /* MacOSX blue-ish - lighter again */
    /* background-color : #ffe0ff; /* pink-ish */
    /* background-color : #ffffe0; /* yellow-ish */
    /* background-color : #e0ffe0; /* light green */
    /* background-image : url('img/graph_paper_20x20.gif'); */ 
}

TABLE
{
    /* Borders for Debug
     *  border : 2px solid #000000; 
     */
    border-spacing : 0;
    padding        : 0;
    margin         : 0;
    border-collapse:collapse; /* IE6 */
    font-family    : 'Lucida Sans', 'Arial', sans-serif;
    font-weight    : normal;
    font-size      : 10pt;
    color          : #000000;
    position       : relative;
}

.content_table
{
    width           :100%;
    border-left     :solid 1px #AAA;
    border-right    :solid 1px #AAA;
    border-bottom   :solid 1px #AAA;
    background-color:#FFF;
    margin          :0;
    padding         :0;
}

TD
{
    border-spacing : 0;
    padding        : 1px; /* seems to be default, but good to set */
    margin         : 0;
    font-family    : 'Lucida Sans', 'Arial', sans-serif;
    font-weight    : normal;
    font-size      : 10pt;
    color          : #000000;
    position       : relative;
}

TD.centerpad
{
    text-align    :center;
    vertical-align:top;
    padding-top   :5px;
}

/* 
 * Used for date str under logo.
 * Long day name Wednesday needs <70%
 * Trial-and-error says 60% and center
 */
.small
{
        font-family : 'Arial', sans-serif;
        font-weight : normal;
        font-size   : 60%;
        text-align  :center;
}

.information_table
{
    border-style        : solid;
    border-width        : 1px;
    border-left-color   : #FFF;
    border-top-color    : #1600ff;
    border-right-color  : #FFF;
    border-bottom-color : #1600ff;
    margin              :0px;
    padding             : 0px;
    border-collapse     :collapse;
}

.requestbox  {
        border: 1px solid #000;
        background:#FF0;
        padding-left: 2px;
        padding-right: 4px;
	font-family : 'Verdana', 'Arial', sans-serif;
        font-weight : bold;
	color : #444;
}


.information_table
{
    margin-top   :5px;
    margin-bottom:1px;
    width        :100%;
}

.information,
.information_right
{
    background-color : #1600ff;
    font-weight      : bold;
    font-size        : 110%;
    color            : #FFF;
    padding          : 0px;
    margin           : 0px;
}

.information A
{
    color : #FFF;
}

.information_right
{
    text-align:right;
}

.entry_class_wide
{
    font-weight        : normal;
    font-family        : 'Verdana', 'Arial', sans-serif;
    color              : #3d81ee;
    border-width       : 1px;
    /*
     *  border-top-style   : solid;
     *  border-right-style : solid;
     */
    border-bottom-style : solid;
    /*
     *  border-left-style  : solid;
     *  border-top-color   : #1600FF;
     *  border-right-color : #1600FF;
     */
    border-bottom-color : #DDD;
    /*
     *  border-left-color  : #1600FF;
     */
    margin-left        : 0cm;
    padding-left       : 5px;
    background-color   : #ffffcc;
}

.entry_class_wide A
{
    font-weight    : bold;
    font-size      : 110%; /* 125% is OK too */
    color          : #215dbe;
    text-decoration:none;
}

.entry_class_wide A:hover
{
    font-weight    : bold;
    font-size      : 110%; /* 125% is OK too */
    color          : #2c7bff;
    text-decoration:underline;
}

.entry_html
{
    border : 1px solid #1600FF;
}

.content_class_wide
{
    font-family        : 'Verdana', 'Arial', sans-serif;
    font-weight        : normal;
    border : none;
    /*
     *  border-width       : 1px;
     *  border-right-style : solid;
     *  border-left-style  : solid;
     *  border-left-color  : #1600FF;
     *  border-right-color : #1600FF;
     */
    margin-left        : 0cm;
    _margin-bottom : 2em; /* IE6 */
    background-color   : #fff;
}

.pubDate_class_wide
{
    position:relative;
         /*
     *  float:bottom;
          */
    _position:absolute; /* IE6 */
    _bottom : 0; /* IE6 */
    font-family         : 'Verdana', 'Arial', sans-serif;
    border-top: 1px solid #DDD;
    margin-left         : 0cm;
    margin-bottom       : 5px;
    background-color    : #FFF;
}

.pubDate_class_wide  A
{
    text-decoration : none;
}

.pubDate_class_wide  A:hover
{
    text-decoration:underline;
}

/* This is actually a coloured box, not necessarily green! */
.greenbox  {
        background:#1600FF;
	font-family : 'Verdana', 'Arial', sans-serif;
        border-width : 1px;
                 /*
         *  border-left-style : solid;
         *  border-right-style : solid;
                  */
        margin-right:20px;
        padding:10px;
        margin-left:0;
        border:none;
	margin-left : 1cm;
}

.clearbox  {
	font-family : 'Verdana', 'Arial', sans-serif;
         background:#FFF;
         /*
     *  border-width : 1px;
     *  border-bottom-style : solid;
     *  border-right-style : solid;
     *  border-left-style : solid;
          */
        border:none;
	margin: 0;
	padding: 5px;
        font-size: 110%;
        line-height: 20px;
}

.greentext
{
    font-weight:normal;
    color : #062;
}

PRE, .debugbox
{
	color : #444444;
	font-size : 8pt;
	font-size : 8pt;
	background-color : #FFFFFF;
	position : relative;
        left : 0;
	padding : 0px 0px;
	border-width : 1px;
        border-style : solid;
        border-top-color : #d0d0d0;
        border-left-color : #d0d0d0;
        border-right-color : #808080;
        border-bottom-color : #808080;
        /*
         *  simulate <pre> tag
         *  NOTE: This ought to mean we don't need to wrap the text in <pre/> but IE
         *  doesn't to understand white-space : pre; so I do have to use <pre/>
         http://www.w3schools.com/css/pr_text_white-space.asp
         */
        /*
         *  white-space : pre;
         */
        font-family : monospace;
        text-align:left;
}

B
{
    font-weight:bold;
    color:#555;
}

.pbut,
.page-button
{
    padding-right : 0.5em;
    padding-left  : 0.5em;
    margin-right        : 0.1em;
    background    : url(/img/buttons/blue_grad_1x20.gif) left 0px repeat-x;
    border-right  : 1px solid gray;
    border-bottom : 1px solid gray;
}

.c-img,
.content-image
{
    float    :right;
    margin   :2px;
    clear    :right;
    max-height:250px; /* Not IE6 */
    height:expression(this.width>250?250:true); /* IE6 */
    max-width:350px; /* Not IE6 */
    width:expression(this.width>350?350:true); /* IE6 */
}