/*html {
    background-color: #ddff88;   
    background: #ddff88 url(/qmm/static/img/rose.gif) no-repeat scroll top right;
}*/

body {
    /*background-color: #ddff88;*/
    font-family: "Arial Unicode MS", Arial, "MS Trebuchet", sans-serif;
    margin: 0;
    background: #eeffaa url(/qmm/static/img/rose2.gif) no-repeat scroll top right;
    margin-bottom: 5ex;
	color: #333333;
}

#main {

}

#content {
    margin-left: 18ex;
    margin-right: 5%;
}

#content a:link, #content a:visited, #content a:hover, .action {
    text-decoration: none;
    color:#336600;
}

#content a:hover, .action:hover {
    text-decoration: underline;
}

.action:hover {
	cursor: pointer;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #336600;
}

#top {
    background-color: black;
    color: gray;
    /*font-size: 150%;*/
    padding: 5px 10px;
}

#top a:visited, #top a:link {
    text-decoration: none;
    color:  gray;
}

#top a:hover {
    color:  white;
}


#login {
    float: right;
    font-size: 80%;
    text-align: right;
}

table.simple {
	border: 2px solid white;
	background-color: white;
	border-collapse: collapse;
}

table.simple td {
	border: 1px solid #333333;
	text-align: center;
	min-width: 3em;
}

table.pretty {
    border-spacing: 1px 0px;
    border: medium solid #99CC00;
    background-color: #99CC00;
	/*border-collapse: collapse;*/
}

table.pretty th {
    background-color: #99CC00;
    color: #336600;
}

table.pretty tr.even {
    background-color: #CCFF66;
}

table.pretty tr.odd {
    background-color: #ddff99;
}

table.pretty tr td {
    border: 1px solid;
    padding: 2px 0.5em;
} 

table.pretty .even td {
    border-color: #CCFF66;
}

table.pretty .odd td {
    border-color: #ddff99;;
}

table.pretty td.highlighted {
    border: 1px solid gray;
}

div.message {
    margin-top: -2px;
    border: 2px solid #336600;
}

div.message div.sender, div.message div.date {
    font-size: smaller;
    font-style: italic;
    background-color: #99CC00;
    color: #336600;
    display: inline;
    float: right;
    padding: 2px;
}

div.message div.subject {
    background-color: #99CC00;
    color: #336600;
    padding: 2px 5px;
}

div.message div.content {
    background-color: #ddff99;
    padding: 3px 1em;
}

.collapsed {
    display: none;
}

div.wholetab div.tabcontent {
    display: none;
}

div.wholetab div.tabcontent.active {
    display: block;
    /* border-right: thick solid #669900;*/
    border: 2px solid #669900;
    /*padding-right: 2ex;
    padding-bottom: 2ex;*/
}

div.top span {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;  
    color: #336600;
    display: inline;
    margin-bottom:0;
    padding-bottom:1px;
/*	border: 2px solid transparent; removed this because of IE6 */
	/*border-bottom: 2px solid #669900;
	background-color: #99cc00;*/
    cursor: pointer;
}

div.top span.active {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;  
    background-color:#99cc00;
    border: 2px solid #669900;
	border-bottom: 2px solid #99cc00;
    color: #336600;
}

div.top {
    /*border-bottom: thick solid blue;*/
    display: block;
}

div.msg {
    text-align: center;
    font-weight: bold;
    padding: 1ex;
    background-color: white;
    border: 2px solid #336600;
    margin-bottom: 1ex;
}

table.formtable {
    border: 2px solid gray;
    background-color: #ffffcc;
    border-collapse: collapse;
}

table.formtable tr {
    border-top: thin dotted gray;
}

table.formtable th {
    text-align: right;
    vertical-align: top;
}

table.formtable th, table.formtable td {
    padding: 1ex;
}

table.formtable ul.errorlist {
    border: thin solid red;
    margin: 0;
    padding: 0;
    background-color: #ff9999;
    float: right;
    list-style-type: none;
}

table.formtable th {
    /*width: 20%;*/
}

.errorfield td, .errorfield th {
    background-color: #ff9999;
}

ul.select_questions {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nodisplay {
    display: none;
}

a img {
	border: none;
}

div.box {
	margin-right: 2ex;
	border: 2px solid  #669900;
	margin-bottom: 2ex;
	padding: 3px;
    background-color: #FFFFCC;
}

#content div.box h3 {
	background-color:  #99cc00;;
	margin: 0;
	margin-bottom: 1ex;
	padding: 2px;
	border: 2px solid #669900;
}

div.col {
	float: left;
	width: 33%;
	margin-top: 2ex;
	margin-bottom: 2ex;
}

table.matrix {
	cellspacing: 0;
}

table.matrix tr {
	text-align: center;
}

/* For exercise questions */
.crosscolor {
    color: #cc3333;
}

.tickcolor {
    color: #339933;
}

.history {
	background-color: white;
	border: 2px solid gray;
}