/* 
Document   : lai
Created on : Dec 23, 2007, 6:08:38 PM
Author     : fred
*/


root { 
    display: block;
}

/* ----- pseudo elements ----- */

body {
    margin:0pt;
    text-align: center;
    background: white;
    color: black;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 0.8em;
}

/*	basic page skeleton
*	use minimal tables, rest should be done with css
*/
table#skeleton {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

td.skeleton {
    /*	border: 1px dashed gray;	/* DEBUGGING */
    padding: 0px;
    margin: 0;
}

h1 {
    color: #909;
    font-size: 120%;
    margin-top: 0;
}

h2 {
    font-size: 110%;
    margin-bottom: 0;
}

h3 {
    font-size: 110%;
    margin-top: 0;
    font-style: bold;
}

h4 {
    font-size: 110%;
    margin-top: 0;
    color: #909;
}

h5 {
    font-size: 100%;
    margin-top: 0;
    font-style: italic;
}

h6 {
    font-size: 80%;
    margin-top: 0;
    color: #909;
}

p {
    font-size: 110%;
}

img {
    border: 0;
}

/*	centering for all browsers:
*
<div class="center-explorer">
<div class="center">
This entire block is centered
</div>
</div>
*/
div.center-explorer {
    text-align: center;
}

div.center {
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* overrule inheritance */
}

/* general classes */

.bold {
    font-weight: bold;
}

/*	LAI main styles
*/
#logo {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 25px;
    position: relative;
}

#logo img#header {
    width: 484px;
}

#languages {
    position: absolute;
    top: 40px;
    right: 25px;
}

#languages .sel {
    border: 1px solid #962477;
    padding: 1px;
}

#languages .unsel {
    border: 1px solid #F3F4F4;
    padding: 1px;
}

#content {
    margin: 20px auto;
    width: 900px;
    text-align: left;
    line-height: 1.5em;
}

#footer {
    margin: 20px;
    clear: both;
}

/* ----- menu ----- */

#separator {
    border-bottom: 1px solid gray;
}

#menu {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 1.1em;
}

#menu a {
    text-decoration: none;
    color: black;
}

#menu a:active {
    text-decoration: underline;
}

#menu #groups {
    padding: 3px 25px;
    border-bottom: 1px solid #962477;
    background-color: #F3F4F4;
    font-weight: bold;
    position: relative;
}

#menu #groups .group {
    background-color: #D0D1D3;
    margin: 2px;
    padding: 5px 20px;
    line-height: 3em;
    -webkit-border-radius: 3px;
}

#menu #groups .sel {
    background-color: white;
    border: 1px solid #962477;
}


/* for span only, otherwise flag images are affected */
#menu #groups span.unsel {
    margin: 3px;
}

#menu #groups .sel a {
    color: #962477;
}

#menu #groups form {
    display: inline;
    margin-top: 0.75em;
    position: absolute;
    right: 25px;
}

#term {
    background: url(/_lai/images/search_field.png) no-repeat;
    border-style: hidden;
    border: 0;
    height: 20px;
    width: 117px;
    margin-top: 1px;
/*    text-indent: 23px; */
    padding: 0px 0px 0px 23px;
    font-size: 12px;
}

.dimmed {
    color: gray;
}

#search {
    border: 0px none;
    background-color: #F3F4F4;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 0.2em;
}

#menu #pages {
    padding: 6px 25px;
}

#menu #pages .page {
    margin: 2px;
}

#menu #pages .page .bar {
    margin: 2px;
    padding: 5px 5px;
    color: #962477;
}

#menu #pages .sel a {
    color: #962477;
}

/* ----- page ----- */

#page {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
}

#page #page-table {
    border-spacing: 0px;
    border-width: 0px;
    margin: 5px;
}

#page #page-table td {
    vertical-align: top;
}

#page .cells {
    width: 180px;
    padding: 20px 13px 20px 20px;
}

#page .cells img#vignet {
    width: 160px;
    margin-bottom: 20px;
}

#page .cell {
    margin: 8px 25px;
    padding: 5px 5px 0 5px;
    border: 1px solid #7AC4EA;
    -webkit-border-radius: 6px;
}

#page .cell a {
    background: transparent;
    font-weight: bold;
    padding: 0;
    text-align: center;
    line-height: 1.3em;
    margin: 0;
    /*	display: block;	*/	/* required for centering, but causes cell spacing to disappear in Windows (use tables???) */
}

#page .cell a:link, #page .cell a:visited {
    color: #999;
    text-decoration: none;
}

#page .cell img {
    width: 115px;
    margin-bottom: 5px;
}

#page .left {
    width: 620px;
    border-right: 1px solid #7AC4EA;
    padding: 25px;
}

#page .topHtml {
    margin-bottom: 30px;
}

#page .topHtml h2 {
    margin-top: 0;
    font-weight: bold;
    font-size: 1.2em;
    color: #962477;
}

#page .clear {
    clear: both;
}

#page .feature {
    margin: 0 0 30px 0;
    padding: 0;
}

#find .feature {
    margin: 30px 0 0 0;
    padding: 0;
}

#page .feature h2, #find h2 {
    margin-top: 0;
    font-weight: bold;
    font-size: 1.2em;
    color: #962477;
}

#page .feature .item, #find .item {
    margin: 10px 0;
}

#page .feature .item a, #find .item a {
    font-weight: bold;
    font-size: 110%;
    color: black;
    margin: 0;
    text-decoration: underline;
}

#page .feature .item h4, #find .item h4 {
    font-weight: normal;
    margin: 0;
    color: black;
}

#page .sub-pages {
    margin-top: 30px;
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
}

/* ----- error ----- */

#error {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#error h2, #error td {
    font-weight: bold;
    font-size: 1.1em;
}

/* ----- news ----- */

#news, #faq, #html {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#news h2, #faq h2, #html h2 {
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
}

/* ----- course ----- */

#course {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#course th {
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
    vertical-align: top;
}

#course td {
    padding-top: 15px;
    vertical-align: top;
}

#course .left {
    width: 20%;
    vertical-align: top;
    font-weight: bold;
}

#course ul {
    margin: 0;
    padding: 0;
    margin-left: 1.4em;
}

#course li {
    list-style-position: outside;
}

#course table.schedule {
    background-color: #d0d0d0;
    width: 100%;
    margin-bottom: 5px;
}

#course .language {
    background-color: white;
    font-weight: bold;
    padding: 0;
}

#course table.schedule td.register {
    padding-top: 0px;
    vertical-align: middle;
}

#course .register h3 {
    padding: 0 2px;
    margin: 0;
}

td.register {
    vertical-align: middle;
}

#course .date {
    padding: 0;
    width: 50%;
    margin: 0;
}

/* ----- register ----- */

#register {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#register table {
    margin-bottom: 25px;
}

#register th.left, #register th.right {
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
    padding-bottom: 10px;
}

#register #participants th {
    font-weight: bold;
    text-indent: 5px;
}

#register td {
    padding-bottom: 5px;
}

#register .left {
    width: 20%;
    font-weight: bold;
}

#register .top {
    vertical-align: top;
}

#register ul {
    margin: 0;
    padding: 0;
    margin-left: 1.4em;
}

#register li {
    list-style-position: outside;
}

#register .date {
    background-color: #d0d0d0;
    padding: 2px;
    margin-bottom: 0.5em;
}

#register .error-message {
    color: red;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 0px;
    margin-bottom: 30px;
    border: 1px solid red;
    text-align: center;
}

#register .error {
    color: red;
}

/* ----- confirm ----- */

#confirm {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#confirm p {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 25px;
}

#confirm p.head {
    color: #962477;
}

#confirm table {
    margin-bottom: 25px;
}

#confirm th.left, #confirm th.right {
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
    padding-bottom: 10px;
}

#confirm #participants th {
    font-weight: bold;
    text-indent: 5px;
}

#confirm td {
    padding-bottom: 5px;
}

#confirm .left {
    width: 20%;
    font-weight: bold;
}

#confirm .top {
    vertical-align: top;
}

#confirm ul {
    margin: 0;
    padding: 0;
    margin-left: 1.4em;
}

#confirm li {
    list-style-position: outside;
}

#confirm .date {
    background-color: #d0d0d0;
    padding: 2px;
    margin-bottom: 0.5em;
}

/* ----- find ----- */

#find {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#find h3 {
    display: inline;
    font-size: 1.2em;
}

/* ----- login ----- */

#login {
    border: 1px solid #7AC4EA;
    font-size: 0.9em;
    padding: 25px;
}

#login table {
    margin-bottom: 25px;
}

#login th.left, #login th.right, #login .user {
    font-weight: bold;
    font-size: 1.4em;
    color: #962477;
    padding-bottom: 10px;
}

#login td {
    padding-bottom: 5px;
}

#login .left {
    width: 20%;
    font-weight: bold;
}

#login .top {
    vertical-align: top;
}

#login .error-message {
    color: red;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 0px;
    margin-bottom: 30px;
    border: 1px solid red;
    text-align: center;
}

/* ----- content ----- */

div.top-contents {
    margin-bottom: 50pt;
}

div.bottom-contents {
    margin-top: 50pt;
}

div.one-column {
    width: 100%;
}

div.left-column {
    float: left;
    width: 48%;
}

div.right-column {
    float: right;
    width: 48%;
}

div.left-column-flex {
    margin-right: 240px;
}

div.right-column-cells {
    float: right;
}

/* ----- images ----- */

img.image-medium-size-square {
    width: 120px;
    height: 120px;
}

img.image-for-cell {
    width: 118px;
}

/* ----- edit ----- */

body#edit h2 {
    font-family: Arial, Verdana;
    font-style: italic;
    font-size: 2.5em;
    color: #962477;
    padding: 0px;
    margin: 10px 0px 30px 0px;
    letter-spacing: 0.8em;
    word-spacing: 0.7em;
}

body#edit h5 {
    font-size: 100%;
    font-style: normal;
    margin-top: 1em;
    margin-bottom: 0;
}

body#edit #edit-header {
    background-image: url(/_lai/images/edit-header-white.png);
    background-position: top center;
    background-repeat: no-repeat;
}

body#edit #menu {
    font-size: 2em;
    text-align: center;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-bottom: 20px;
}

body#edit a {
    border: 1px solid gray;
    padding: 5px 10px;
    background-color: #d5dcef;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

body#edit a.on {
    background-color: #aabadd;
}

body#edit a.edit-button {
    padding: 7px 2px;
}

body#edit a.edit-button img {
    height: 16px;
}

body#edit #languages {
    float: right;
    margin-top: 0em;
}

body#edit #languages a {
    border: 0;
    padding: 0;
    background-color: white;
}

body#edit table.groups {
    width: 100%;
    margin-top: 20px;
}

body#edit .sep {
    background-color: #eee;
}

body#edit .in {
    color: red;
}

body#edit .in-loc {
}

body#edit .select-html {
    width: 100px;
}

body#edit div.row {
    border-top: 1px solid gray;
}

body#edit table.pages .sep {
    background-color: #ddd;
}

body#edit table.subpages .sep {
    background-color: #ccc;
}

body#edit td {
    vertical-align: top;
}

th.table-title {
    color: #909;
    font-weight: bold;
    padding-bottom: 5pt;
    text-align: left;
}

th.component-title {
    color: #909;
    font-weight: bold;
    padding: 0 5pt 0 5pt;
    text-align: left;
}

th.table-header {
    background: #999;
    color: #fff;
    padding: 2pt;
}

div.cell-row-bottom-border {
    border-bottom: 1pt solid #909;
}

table.page-component {
    background-color: #eee;
    margin-top: 30px;
    margin-bottom: 20px;
    border-top: 1pt solid #909;
    cell-spacing: 5px;
    width: 100%;
}