/*
 * Main CSS file
 * Author: Emmanuel Gamby
 * Copyright: Belgian Institute for Space Aeronomy
 */

/***********************/
/*** Core HTML Setup ***/
/***********************/

html {
    margin: 0;
    padding: 0;
    border: none;
}

body {
    font-family: verdana, lucida, arial, helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 14px;
    color: #336699;
    background-color: #ffffff;
    background-image: url('../images/body_background_1x280.png');
    background-repeat: repeat-x;
    background-position: top;
    background-attachment: scroll;
}

p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, div, form {
    padding: 0;
    margin: 0;
    border: none;
}

p {
    padding: 0 0 .5em 0;
}

ul, ol, dl {
    padding: 0 0 1em 2em;
}

li dl { display: block; }

a:link, a:visited {
    color: #e9a600;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #e9a600;
}

input.button { cursor: pointer; }

h1, h2, h3, h4, h5, h6 { 
    color: #04406a; 
    text-align: left;
}

img { border: 0 none; }

td { padding: .2em; }

.red { color: #e8281c; }

.small { /* Also used in Joomla! for 'Written by, etc' */
    font-size: 75%;
    font-weight: normal;
    text-align: left;
}

/************************************************************************/
/*** Layout Position                                                  ***/
/*** Based on http://www.positioniseverything.net/ordered-floats.html ***/
/************************************************************************/

div#leftborder {
    /*width: 90%;
    margin: 0 auto;
    padding: 0 0 0 6px;
    background-image: url(../images/container_left_border_6x280.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top left;*/
}

div#rightborder {
    /*width: 100%;
    margin: 0 auto;
    padding: 0 6px 0 0;
    background-image: url(../images/container_right_border_6x280.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top right;*/
}

div#container {
    width: 90%;
    margin: 0 auto;
    background-color: white;
}

div#leftheader {
    height: 83px;
    background-color: #04406b;
    background-image: url(../images/bisa_logo_63x83.gif);
    background-repeat: no-repeat;
    background-position: top left;    
}

div#rightheader {
    width: 288px;
    float: right;
    position: relative;
    z-index: 21;
    height: 83px;    
    background-image: url(../images/banner_288x83.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

div#rightheader h1 {
    line-height: 1ex;
    position: absolute;
    z-index: 10;
    bottom: .3ex;
    right: 294px;
    letter-spacing: -3px;
    font-weight: 500;
    font-size: 300%;
    white-space: nowrap;
    color: #7289a8;
}

div#rightheader h2 {
    line-height: 1ex;
    position: absolute;
    z-index: 10;
    bottom: .3ex;
    left: 1px;
    letter-spacing: -3px;
    font-weight: 500;
    font-size: 250%;
    white-space: nowrap;
    color: #003c68;
}

div#topbar1 {
    position: relative;
    z-index: 20;
    padding: .1em;
    background-color: #f3f3f3;
}

div#topbar1 h3 {
    color: #336699;
    position: absolute;
    top: .5ex;
    right: 0;
}

div#topbar1 h3 a:link, div#topbar1 h3 a:visited {
    color: #336699;
}

div#topbar1 h3 a:hover {
    text-decoration: underline;
    color: #e9a600;
}

div#topbar2 {
    text-align: left;
    padding: 0 0 0 12em;
    background-color: #f3f3f3;
}

div#main {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

div#rightcolumn {
    width: 100%;
    float: right;
    margin: 0 0 0 -12em;    
    background-color: #f3f3f3;
}

div#content {
    margin: 0 0 0 12em;
    padding: 1em;
    background-color: #ffffff;
}

div#leftcolumn {
    width: 12em;
    float: right;
    padding: 24px 0 0 0;
    background-color: #f3f3f3;
}

div#footer {
    clear: both;
    background-color: #f3f3f3;
}

div#leftfooter {
     float: left;
     width: 12em;
}

div#rightfooter {
    border-top: 1px solid #e9a600;
    padding: .2em;
    margin: 0 0 0 12em;
    text-align: right;
}

/************************/
/*** Top Menu styling ***/
/************************/

div#topbar2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#topbar2 li {
    padding: 0;
    margin: 0;
    display: inline;
    border-left: 2px solid #4c8197;
}

div#topbar2 ul li a, div#topbar1 ul li a:visited {
    color: #336699;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}

div#topbar2 ul li a:hover {
    text-decoration: underline;
    color: #e9a600;
}

/*************************/
/*** Side Menu Styling ***/
/*************************/

div.moduletable_menu {
    text-align: left;
}

div.moduletable_menu h3 {
    background-color: #4b7ca3;    
    color: #ffffff;
    text-align: center;
    padding: .1em;
}

div.moduletable_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.moduletable_menu li {
    padding: .1em .1em .1em .4em;
    margin: 0 0 1em 0;
    background-color: #e6e6e6;
    background-image: url(../images/spacer_2x2.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0.95em;
}

div.moduletable_menu ul li a:link, div.moduletable_menu ul li a:visited {
    color: #336699;
    text-decoration: none;
    font-weight: normal;
}

div.moduletable_menu ul li a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #e9a600;
}

/*********************/
/*** Main Styling  ***/
/*********************/

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.pagetitle {
    text-align: left;
    margin: 0 0 1ex 0;
}

.valign-top {
    vertical-align: top;
}

/*********************/
/*** Login Styling ***/
/*********************/

div.login p {
    padding: .5em;
}

/*************************/
/*** Left logo Styling ***/
/*************************/

div.left_column_logo {
    margin-top: 2em;
    text-align: center;
}

/************************/
/*** Schedule styling ***/
/************************/

table.schedule th {
    font-style: italic;
    font-weight: normal;
}

table.schedule td {
    vertical-align: top;
}

td.schedule_hour {
    font-weight: bold;
}

/*************************/
/*** Programme styling ***/
/*************************/

table.prog {
    padding: 0;
    margin: auto;
    width: 90%;
}

td.prog_first_col {
    width: 10%;
    text-align: center;
    background-color: white;
}

td.prog_second_col {
   width: 45%;
}

td.prog_third_col {
   width: 15%;
   text-align: center;
}

td.prog_fourth_col {
   width: 15%;
   text-align: center;
}

td.prog_fifth_col {
   width: 15%;
   text-align: center;
}

.white {
/*    color: white;*/
}

.background_white {
/*    background-color: #ffffff;*/
}

.blue {
/*    background-color: #0000ff;*/
}

.cyan {
/*    background-color: #00ffff;*/
}

.background_red {
/*    background-color: #993300;*/
}

.brown {
/*    background-color: #e2a700;*/
}

.orange {
/*    background-color: #faa700;*/
}

.green {
/*    background-color: #33cc33;*/
}

.background_red1 {
/*    background-color: #ff1d1d;*/
}

.background_red2 {
/*    background-color: #ff7171;*/
}

/************************
 *** Abstract Styling ***
 ************************/

div.talk-list-item {
    border: 1px solid #d3d3d3;
    padding: .5em;
    margin: 0 0 2ex 0;
}