/* 
 * Copyright (c) 2009-onward Carnegie Mellon University.
 * Carlos Quesada (clq@andrew.cmu.edu)
 * Basic CSS for all OLI sites
 */
body{margin:0;font-size:12px}
body,
button,
input,
textarea,
select{font-family:verdana,helvetica,arial,sans-serif}
table {
	font-size: 100%;
	color: black;
}
fieldset table {
	background: none;
}
a{color:#284090}
a[onclick]{text-decoration:underline;cursor:pointer }
a:visited{color: #5a3696}
a:focus,
a:active{color:#faa700}
a.nav {
	color: #772233;
}
a.img{text-decoration:none}
img {
	border: none;
	vertical-align: middle;
}
p img {
	margin: 0;
}
h1, h2{
	background: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	line-height:125%;
}

oli-containerwrap h1, 
oli-containerwrap h2{border-bottom: 1px solid #ABABAB}
h1, h2, h3, h4, h5, h6 {margin:0;padding:.25em 0 0}
h1{font-size: 277%;color:#656f7a}
h2{font-size: 185%;color:#484f54}
h3{font-size: 132%;color:#434e54}
h4{font-size: 116%}
h5{font-size: 100%}
h6{font-size:92%}

ul{list-style-position:outside;margin:.25em 0 .5em 2em;padding:0}
ol{list-style-position:outside;margin:.25em 0 .5em 2em;padding:0}
li ul,
li ol{margin-bottom:0}
ul li,
ol li{line-height:160%}

dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}
abbr, acronym, .explain {
	border-bottom: 1px dotted;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
blockquote{margin:1em 0;padding:0 3.5em}
caption {
	font-weight:bold;
}
code {
	/* background-color: #f9f9f9; *//* caqu: what was I thinking? */
}
pre, .code {
	padding: 1em;
	margin: .5em 0 1.5em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	font: 1em/1.2 "Courier News", monospace;
  overflow:auto;
}
p {
	margin:.4em 0 .5em;
	padding:0;
	line-height: 160%;
}

/*   p,h1,h2,h3,h4,h5,h6,ul,blockquote{max-width:730px} *//* IE is unhappy about ol having a max-width */
blockquote{max-width:730px;margin:10px auto}/* IE is unhappy about ol having a max-width */

td{/* padding:2px; */}
th{/* padding:2px; *//* font-weight: bold; */}
thead > tr > th {text-align: center}
tbody > tr > th{text-align:right;vertical-align:top}
form{margin: 0;padding:0;border: none}

label{font-weight:bold;}
fieldset {
	padding: 0 1em 1em;
	border: 1px dotted #2f6fab;
	margin:0;
	line-height: 1.5em;
}
fieldset a {
	font-weight: bold;
}
fieldset.nested {
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.5em;
}
legend {
  color:#434E54;
	padding:0 .2em;
	font-size: 95%;
}
hr {
	border-top: 1px solid #ABABAB;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	color: #ABABAB;
	background-color: #ABABAB;
	margin: .2em 0 .2em 0;
}
select{padding-left:0.2em}
input, textarea, .inputbox {
	padding-left:0.2em;
	padding-right:0.2em;
}
button,input[type="button"],input[type="submit"]{font-size:inherit;cursor:pointer;vertical-align:baseline}
button{padding:3px}
/*IE 6*/
* html button {padding:3px 0 3px 0}
/*IE 7*/
*+html button {padding:3px 0 3px 0}
.inputbox{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}
table.real{background:#DDD;border:1px solid #CCC;border-collapse:collapse}
table.real tr{background:url(/openlearning/templates/oli/images/hdot2.gif) repeat-x bottom}
table.real th{background-color:#D2D7D9;padding:.2em .5em}
table.real tr td{padding:2px}
table.real tr td + td{text-align:center}

/* Clearfix */
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
* html > body .clearfix { width: 100%; display: block; }
* html .clearfix { height: 1%; }

.clearer {
	clear: both;
	font-size:.001em;
	line-height:0;
	margin:0;
	padding:0;
	border:0;
}
.right{float:right;margin:.5em 0 .5em .8em}
.left{float:left;margin:.5em .8em .5em 0}
.verticalhalf{float:left;min-width:15em;width:50%;}
span.normal{
  font-family:verdana,helvetica,arial,sans-serif!important;
  font-size:11px!important;
  color:black!important;
  font-weight:normal!important;
}
a.normal{
  font-family:verdana,helvetica,arial,sans-serif!important;
  font-size:11px!important;
  font-weight:normal!important;
}