a {
    /*text-decoration: none;*/
}

body {
    font: 0.8em arial, helvetica, sans-serif;
}

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

#header li {
    float: left;
    border: 1px solid;
    border-bottom-width: 0;
    margin: 0 0.5em 0 0;
}

#header a {
    display: block;
    padding: 0 1em;
}

#header .selected {
    position: relative;
    top: 1px;
    background: white;
}

/*
#content {
    border: 1px solid;
    padding: 1em 1em;
    clear: both;
}

#content2 {
    border: 1px solid;
    padding: 1em 1em;
    clear: both;
}

#content3 {
    border: 1px solid;
    padding: 1em 1em;
    clear: both;
}
    */

h1 {
    margin: 0;
    padding: 0 0 1em 0;
}

.verticalText { 
    text-align: center;
    vertical-align: middle;
    width: 15px; 
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 10px;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
}

table.taselect th
{
    text-align: center;
    vertical-align: bottom;
    height: 3in;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid gray;
}

table.taselect td
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(200,200,200);
}


table.tableplain th
{
    text-align: center;
    vertical-align: bottom;
    border: opx solid rgb(255,255,255);
}

table.tableplain td
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: 0px solid rgb(255,255,255);
}

/*****************************************
 * for the new TA selection tab
 *****************************************/
span.student-button {
    margin: 5px 8px 14px 5px;
    display: inline-block;
    color: #888;
    border: #999 1px solid;
    padding: 5px;
    cursor: auto;
}
span.student-button.st-available {
    color: black;
    border: black 1px solid;
    padding: 5px;
    cursor: pointer;
}
span.student-button.st-selected.offer-process-EOS {
    color: black;
    /*font-weight: bold;*/
    border: black 1px solid;
    padding: 5px;
    cursor: pointer;
}


/****************************************
 * for balloon
 ****************************************/
.ui-tooltip-wide {
    max-width: 800px !important;
}



.errorlist {
    background-color: #F58990;
    padding-top: 5px;
}



ul.minimum {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.minimum .even-row {
    background-color: #EEE;
}


.offer-process-APP {
    background-color: #FFFFFF !important;
}
.offer-process-EOS {
    background-color: #FFFACD !important;
}
.offer-process-OFF {
    background-color: #FFCACA !important;
}
.offer-process-AOK {
    background-color: #CAFFFF !important;
}
.offer-process-WDN  {
    background-color: #E0E0E0 !important;
}
.offer-process-WTW {
    background-color: #FFA0C0 !important;
}
.offer-process-APM {
    background-color: #D1FFD7 !important;
}

.lecturer-R {
    font-style: italic;
    background-color: #FFFACD !important;
}