/* 
    Document   : style
    Created on : 21-Nov-2009, 00:02:29
    Author     : cyril
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
        font-family : verdana, arial, sans-serif;
        font-size : 11px;
        background-image:url('./img/logo2.png');
        color:black;
}

a  {
    font-family : verdana, arial, sans-serif;
    font-size : 11px;
    color:black;
    text-decoration:none;
    background-color:transparent;
}

table, td {
        font-family : verdana, arial, sans-serif;
        font-size : 11px;
        padding:2px;
}

input, select, radio, textarea, checkbox, submit, button {
        font-family : verdana, arial, sans-serif;
        font-size : 11px;
        color:black;
}

img {
    border:black solid 3px;
}

p {
     text-indent:20px;
     margin:0;
}

span {
    margin:0;
}

fieldset {
     border-top:solid 3px black;
     border-left:solid 3px black;
}

legend {
    font-style:italic;
    font-weight:bold;
}

ul, li {
    margin:0;
}


/******* main structure ********/

#frame-left-menu {
        position : absolute;
        padding-bottom:7px;
        top:5px;
        left : 25px;
        border:0;
        height : 15px;
        font-size:10px;
}

#frame-left {
        padding : 5px;
        position : absolute;
        top : 27px;
        left : 25px;
        border-right:#444444 1px solid;
}

#frame-left-footer {
        position : absolute;
        border:0;
        top:440px;
        left : 25px;
        width : 230px;
        height : 15px;
        text-align:left;
        font-size:10px;
}

#frame-center {
        margin-top:20px;
        padding : 5px;
        position : absolute;
        border:0;
        border-right:#444444 1px solid;
        top : 27px;
        left : 110px;
        width : 180px;
        text-align : right;
    
}

#frame-right {
        padding : 5px;
        position : absolute;
        left : 295px;
        border:0;
        width : 650px;
        min-height : 480px;
}


/******** custom class ********/

/*** home pae **/

.welcome_text {
    position : absolute;
    top:300px;
    left:50%;
    margin-left:-350px;
    width:700px;
    padding:10px;
    text-align:justify;
    font-weight:bold;
    border-top:#444444 1px solid;
    border-bottom:#444444 1px solid;
}


/** main page **/

.main_profile {
        padding : 20px;
        position : relative;
        border:#444444 1px solid;
        border-left:0;
        width : 100%;
        min-height : 480px;
        display:none;
}


.main_profile_name {
    font-weight:bold;
    font-size:12px;
}

.main_profile_content {
    text-indent:20px;
    text-align:justify;
}


/** Agenda **/

.agenda_list {
        padding : 20px;
        position : relative;
        border:#444444 1px solid;
        border-left:0;
        min-height : 480px;
        width : 60%;
}

.agenda_month_title {
    font-weight:bold;
    color:white;
    background-color:black;
}


.agenda_details {
    position : absolute;
    /*top:20px;*/
    left:430px;
    /*border-left:#444444 1px double;*/
    padding : 10px;
    min-height:480px;
    width:100%;
    /*background-color:#EEEEEE;*/
    display:none;
}

.agenda_details_title {
    font-weight:bold;
    font-size:14px;
    text-align:left;
}


/***** administration ***/


.admin_header {
    position : relative;
    left : 50%;
    top : 2px;
    MARGIN-left: -420px;
    WIDTH: 860px;
}

.admin_global {
     position:relative;
     left:50%;
     margin-left:-420px;
     padding:10px;
     width:840px;
     min-height:480px;
     border:#444444 1px solid;
}

.admin_title {
    width:100%; 
    background-color:black;
    color:white;
}

.admin_button {
    width:100%;
    border:#444444 1px solid;
}

.admin_content {
     padding:20px;
}

.admin_form_label {
    text-align:right;
    font-weight:bold;
}

.admin_list_title {
    font-weight:bold;
    font-size:12px;
}

.admin_form_separator {
    padding-top:30px;
    font-style:italic;
    color:#444444;
}