/*******************************************************************
 * ou-specific
 *
 * styles.css
 *
 * OU OCI theme stylesheet for preview of new courses
 * specifically used after the transformation of OU XML to html by preview_pages.xsl
 *
 * (c) 2006 The Open University
 * author j.beedell@open.ac.uk
 * license http://www.gnu.org/copyleft/gpl.html GNU Public License
 *
 * based on unnamed work, with some new styles added by karl, then refined by j.beedell
 ******************************************************************/

#middle-column {
	font-size: 120%;	
}

td#left-column, td#right-column {
    width:10px; /* set the width of the block columns here (used to be hard coded in preview_pages) */
}

h1, h2, h3, p, a {
    font-family:verdana,sans-serif;
    letter-spacing:0pt;
    font-weight:normal;
}

a:link, a.dimmed:link, a:link h2, a.dimmed:link h2 {
    color:#669954;
    text-decoration:none;
}
a:visited, a.dimmed:visited, a:visited h2, a.dimmed:visited h2 {
    color:#825D90;
    text-decoration:none;
}
a:hover, a:hover h2 {
    color:#669954;
    text-decoration:underline;
}
a:active, a:active h2 {
    color:orange;
    text-decoration:underline;
}

.paradefault {
	
    color: #333333;
    text-align:justify;
    margin-bottom: 5px;
    margin-top: 2px;
}
.SourceReference {
    font-size:0.8em;
    color:#333333;
    text-align:right;
    margin-bottom:3px;
    margin-top:2px;
}
.activity {
    font-weight:normal;
    color:#006600;
    text-align:justify;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:3px;
    margin-top:3px;
}
.listitem {
    font-weight:normal;
    color:#333333;
    

    
}
ol.ol_pods { 
	list-style-type: upper-roman;
	padding: 15px;
	}
ul.ul_pods { 
	list-style-type: circle;
	padding: 25px;
	} 

.gap2 {
    text-align:center;
	position: relative;
	height: 2px;
	width: 2px;
}
.boxcontent {
    border:outset 1px black;
    background-color:#D9F3F3;
    width:550px;
    margin-bottom:10px;
    margin-top:10px;
    padding:6px;
}
table.tableprop, table.accounts {
  	margin-bottom:12px;
  	border-collapse: collapse;
    font-size:0.8em;
	border: 1px outset black;
}
.accounts td.tablerowtitle, .tableprop td.tablerowtitle
{
  font-family: verdana, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align:top;
  color: #FFFFFF;
  background-color:#4B5F4B;
  border: 1px solid gray;
}

.accounts td.tablerowvalues, .tableprop td.tablerowvalues
{
  font-family: verdana, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  vertical-align:top;
  color: #4B5F4B;
  background-color: #D9F3F3;
   border: 1px solid gray;
}

.accounts td.tablerowvalues, .accounts td.tablerowtitle {
border: 1px solid #aaa;
}

td.hometableheadercells
{
    font-size:0.8em;
    font-weight:bold;
    vertical-align:top;
    text-align:left;
    color:#FFFFFF;
    background-color:#4B5F4B;
}
td.hometablecells
{
    font-size:0.8em;
    font-weight:normal;
    vertical-align:top;
    text-align:left;
    color:#4B5F4B;
    background-color:#D9F3F3;
}
h1.indexpage {
    color:Black;
    margin-left: 5px;
}
div.metadata {
    margin:12 20px;
    color:#666666;
}
p.metadata {
    margin:0;
    font-size:0.8em;
}
p.ru{
    font-size:0.8em;
}
p.paradefault {
    color:#333333;
    font-weight:normal;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
    text-align:justify;
    font-size:1em;
    line-height:1.4em;
    text-indent: 20px;
}
p.indexpage {
    color:#4B5F4B;
}
div.ru_block {
    position:absolute;
    float:right;
    right:10px;
    top:10px;
    width:170px;
}
h2.ru_head {
    font-weight:bold;
    background-color:#4B5F4B;
    color:White;
    padding:4px;
    margin:0;
}
div.ru_links {
    border-color:#DDDDDD;
    border-style:solid;
    border-width:1px;
    padding:4px 4px 10px 4px;
}
div.pagenums {
    font-size:1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
}


.oci-dialogue {
    margin:1.5em 0;
}

.oci-dialogue {
    float:left;
    width:100%;
}

.oci-dialogue-line {
    clear:left;
}
.oci-dialogue-remark {
    margin-left:8em;
    margin-bottom:0.5em;
}
.oci-dialogue-speaker {
    float:left;
    width:7em;
}

pre {
    font-family: Andale Mono, monospace;
    font-size: 0.85em;
}

.oci-computerdisplay {
    font-family: Andale Mono, monospace;
    font-size: 0.85em;
}

.oci-computerdisplay .paradefault {
    font-family: Andale Mono, monospace;
}


