/*
 * Copyright 2011-2013 University of Oxford
 *
 * Licensed under the Apache License, Version 2.0 (the "License");   *
 * you may not use this file except in compliance with the License.  *
 * You may obtain a copy of the License at                           *
 *                                                                   *
 *   http://www.apache.org/licenses/LICENSE-2.0                      *
 *                                                                   *
 * Unless required by applicable law or agreed to in writing,        *
 * software distributed under the License is distributed on an       *
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY            *
 * KIND, either express or implied.  See the License for the         *
 * specific language governing permissions and limitations           *
 * under the License.                                                *
 */
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet{margin:0;padding:0;border:0;}
body{font-size:0.8em;font-family:Arial,sans-serif;color:#000;background:#fff}
a:active{color:#f00}
a:visited{color:#551a8b}
a{color:#00c}
body{padding:0.5em 1em;background-color:#e8eef7}
h1,h2,h3,h4,h5{padding:1em 0 1em 0}
h1,h2{font-size:1.3em}
h1{font-size:1.8em;}
h3{font-size:1.1em}
h4,h5,table{font-size:1em}
hr{border:0;height:1px;background-color:#ddd}
input,select,textarea,option{font-family:inherit;font-size:inherit}
label{display:block; padding-bottom: .5em}
li{line-height:1.5em;padding:0 0 .5em 0}
ol{padding:0 0 1em 1.3em}
p{padding:0 0 1em 0}
ul label{display:inline}
ul{padding:0 0 1em 1em}

.form-container{float:left;width:45em;height:55em;background-color:#fff;overflow:scroll;border:1px solid #ccc;margin:0 auto;padding:1em}
.form-container a img {float:right;margin: 0px 1em 1em;}
.portlet{
    font-size:0.85em;
    font-weight: bold; 
    color:white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 10px;
    padding: 5px;
    margin: 0 1em 0.2em 0;
}
.portlet-header{
    margin: 0.3em; 
    padding-bottom: 4px; 
    padding-left: 0.2em; 
    cursor:pointer
}
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; display:none}
.column { width: 450px; float: left;}

/*
 * Scoring levels
 */
.score-5{background:green; border-color:green}
.score-4{background:teal; border-color: teal}
.score-3{background:orangered; border-color:orangered}
.score-2{background:red;border-color:red}
.score-1{background:darkred; border-color: darkred}
.score-0{background:black; border-color:black}
.score-x{background:gray; border-color:gray}