/*
    Normal : arial, verdana
    generic : serif, sans-serif, cursive, fantasy, monospace.
*/

body {
    background: #cce0f7;
    color: #305080;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}


a {
    font-family: sans-serif;
    color: blue;
}

a:hover {
    color: white;
    background: blue;
}


h2 {
    font-size: 20px;
    font-family: serif;
}


p {
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

table {
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

tr.black {
    background:blue;
    height:1px;
    margin:0px;
    padding: 0px;
    border-collapse:collapse;
}


table#menu {
    /*font-family: cursive, sans-serif;*/
}


/****************************************************************************/

table.moduleLeft {
    width: 100%;
    margin: 0px;
    /*margin-bottom:7px;*/
    /*font-family: cursive, sans-serif;*/
    /**border: solid #50b0f0 1px;*/
    border:#4070f0 1px solid;
    font-size:11px;
    margin-bottom: 3px;
}


th.moduleLeft {
    background: #70c0e0;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.moduleLeft {
    background: #e7f7ff;
    padding-bottom: 7px;
}


/****************************************************************************/

table.moduleRight {
    width: 100%;
    margin: 0px;
    /*border: solid #50b0f0 1px;*/
    border:#4070f0 1px solid;
    font-size:11px;
    font-family: arial, verdana;
    margin-bottom: 3px;
}

th.moduleRight {
    background: #70c0e0;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.moduleRight {
    background: #e7f7ff;
    padding-bottom: 7px;
}


/****************************************************************************/

table#menuSmall {
    text-align:left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: #70a0d0;
    margin-bottom:-7px;
    border: #70a0d0 2px solid;
}

table#menuSmall tr {
    /*border: 2px outset silver;*/
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 1px solid #70a0d0;
}

table#menuSmall td {
    margin: 0px;
}

table#menuSmall a {
    color: #f0faff;
    font-weight:bold;
    text-decoration:none;
}

table#menuSmall a:hover {
    color:white;
}



/****************************************************************************/

table.moduleMain {
    width: 100%;
    margin: 0px;
    /*border: solid #50b0f0 1px;*/
    font-size:11px;
    font-family: arial, verdana;
}

th.moduleMain {
    background: #70c0e0;
}

td.moduleMain {
    background: #e7f7ff;
}





/****************************************************************************/

table#main {
    width:100%;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    border:1px blue outset;
}

table#main td#left {
    width: 140px;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    vertical-align:top;
    background:#bedae6;
}


table#main td#right {
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    vertical-align:top;
}


table#main tr#bottom {
    background:#bedae6;
}

table#main td.modulesRight {
    width: 140px;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    vertical-align:top;
    background:#bedae6;
}

/****************************************************************************/
table#mainright {
    width: 100%;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    vertical-align:top;
}
table#mainright th.mainright {
    text-align:left;
}
table#mainright td.header {
    vertical-align:top;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}
table#mainright tr.header {
    vertical-align:top;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

table#mainright td.mainright {
    vertical-align:top;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}


/****************************************************************************/

table.baladeResume {
    text-align:center;
    width: 60%;
    margin-left:20%;
    border: solid 1px #bbccff;
}

table.baladeResume th {
    background: #bbccff;
}


/****************************************************************************/

table.trackResume {
    text-align:center;
    width: 60%;
    margin-left:20%;
    border: solid 1px #bbccff;
}

table.trackResume th {
    background: #bbccff;
}



/****************************************************************************/

div.menu {
    width: 100%;
    margin:3px;
    text-align:left;
}


/****************************************************************************/

table.header {
    width:100%;
    margin:0px;
    padding: 0px;
    border-collapse:collapse;
    background: lightblue;
}

th.header {
    font-size: 32px;
    font-family: serif;
}

td.header {
    text-align:right;
    vertical-align:top;
}


/****************************************************************************/

table.standardTable1 {
    width:40%;
    margin-left:30%;
    border:1px outset silver;
    padding: 0px;
    background: deepblue;
    border-collapse: collapse;
}


table.standardTable1 tr {
    background: white;
    padding: 0px; margin: 0px;
}

table.standardTable1 th {
    background: #b0c0d0;
    padding: 5px;
    font-family: serif;
}


table.standardTable1 td {
    border: none;
    padding: 3px;
}


/****************************************************************************/

table.module {
    width: 100%;
    background: deepblue;
    border-collapse: collapse;
}

table.module th.module {
    background: #b0c0d0;
    font-family: serif;
}

table.module td.module {
    background: #e0f0ff;
}


/****************************************************************************/

table.table1 {
    width: 100%;
    background: deepblue;
    border: solid 1px #ccccff;
    border-collapse: collapse;
    margin: 2%;
}

th.table1 {
    background: #b0c0d0;
    text-align:center;
    font-family: serif;
}

td.table1 {
    background: #e7f7ff;
    text-align:center;
    border: solid 1px #ccccff;
}

/****************************************************************************/

table.dialog1 {
    width: 60%;
    margin-left:15%;
    background: deepblue;
    border: 1px solid red;
    padding:10px;
}

th.dialog1 {
    background: #b0c0d0;
    text-align:center;
    font-family: serif;
}

td.dialog1 {
    background: #e7f7ff;
    text-align:center;
    border: solid 1px #ccccff;
    padding:7px;
}

/****************************************************************************/

table.search {
    width:100%;
    text-align:center;
}


/****************************************************************************/

table.searchResults {
    width:80%;
    margin-left:10%;
    text-align:center;
    border: 1px #ddddff solid;
}

table.searchResults th {
    background: #ccddee;
    color: #5555ff;
}

/****************************************************************************/

table.webcamView1 {
    padding:0px;
    border-collapse:collapse;
}

table.webcamView1 th {
    background: black;
    color: white;
    padding:0px;
    margin:0px;
}

table.webcamView1 td {
    padding:0px;
    margin:0px;
}

table.webcamView1 img {
    border:0px;
}


/****************************************************************************/

table.webcamsList {
    width: 60%;
    margin-left:25%;
}


/****************************************************************************/

table.baladeView1 {
    width: 100%;
    border: #a7b6df solid 1px;
    background: white;
    font-size:10px;
    margin-bottom:10px;
}

table.baladeView1 th {
    background: #b3c0e4;
    padding-left: 10px;
    font-size: 12px;
    text-align:left;
    border: 1px solid #a7b6df;
    font-family: arial, sans-serif;
}
table.baladeView1 tr {
    background: #efefef;
}

table.baladeView1 td {
    background: #f7f7fe;
    text-align:left;
    font-family: sans-serif;
}




/****************************************************************************/

table.baladesList {
    width: 60%;
    margin-left:25%;
}

/****************************************************************************/

table.edition {
    font-family:arial, helvetica;
    width: 80%;
    margin-left:10%;
    border:1px solid silver;
    text-align:left;
} 

table.edition th {
    font-weight:heavy;
    font-family: serif;
} 


table.edition input {
    font-family:arial;
    font-size: 10px;
}


/****************************************************************************/

div.msgConfirmation {
    width:40%;
    margin:7px;
    margin-left:30%;
    border:1px silver solid;
    background:#ddffdd;
}

div.msgError {
    width:40%;
    margin:7px;
    margin-left:30%;
    border:1px silver solid;
    background:#ffdddd;
}