/**************************************
 * THEME NAME: oci
 *
 * Files included in this sheet:
 *
 *   oci/ou_layout.css
 **************************************/

/***** oci/ou_layout.css start *****/

/*******************************************************************
 * OU moodle theme stylesheet.
 *
 * (c) 2006 The Open University
 * author J.M.Gray@open.ac.uk
 * license http://www.gnu.org/copyleft/gpl.html GNU Public License

ou_layout.css - Includes all OU theme changes
 * This file is for Learnspace theme
 * Care white space is used so labspace theme can be viewed line by
 *      line with this one to compare.
*******************************************************************/

/* Links */

a:visited,
a.dimmed:visited {
    color:#825D90;
}

a:visited:hover {
    color:#825D90;
}

a:link,
a:hover,
a.dimmed:link {
    color:#669954;
}










/* Body */

p {
    margin:12px 0;
}

/* Moodle header */

#header .headermain {

    color: black;
    font-size: 1.4em;
    font-weight: normal;
}








#header_home{

    font-size: 1.0em;
    font-weight: bold;
    margin:0;
}

div#header {



    background-color: #E9EEF2;
}

div#header a {
    color:black;
}

div#header div.clearer {



    font-size:0;
    height:auto;
}

.breadcrumb, .breadcrumb a {
    color:black;
}

div#navbar.navbar {
    padding: 3px 0.5em;
    background-color: #f0f4f7;
    background-position: bottom right;
    margin: 0px;



}

.navbar {
  position:relative;
}

.navbar input, .navbar select {
    font-size: 1em;
}

.navigation optgroup {
    text-align: left;
}

#navmenupopup option {
    background-position:10px 2px;
    padding:2px 0pt 2px 30px;
}

.logindetails,
#header-home .headermenu font {
  font-size:1.0em;
  margin:2px;
  font-weight:normal;


}

/* Main page */

#content {
    margin:5px;
}

/* Blocks */

.sideblock .header {
    font-family: verdana, sans-serif;
    color: #FFFFFF;
    background-image: none;
    background-color:#4B5F4B;
}

.sideblock .content {
    background-color: white;






}

.sideblock .header .hide-show img .hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.sideblock .header .hide-show {
  float:right;
}

.sideblock .header .hide-show img.hide-show-image {
  height:11px;
  width:11px;
  margin-top:0.25em;
}

.sideblock .header .commands {
    background:#f3f3f3;
    padding:3px 2px 2px 2px;
}

.sideblock h2 {
  font-size: 0.9em;
  font-weight: bold;
  color: #FFFFFF;
}





.block_login .footer {
    font-size:1em;
}

















/* Odd rows */

#course-view .topics .oddrow .content,
#course-view .topics .oddrow right,
#course-view #middle-column .topics .oddrow td.right {
    /*background:#F1F6FC;*/
    background:white; /*jb23347 usability testing follow-up*/
}

#course-view #middle-column .topics .oddrow td.right { /*jb23347*/
    border-right:1px solid #FFFFFF;
}

#course-view #middle-column .topics .oddrow td.left {
    border:0;
}

#course-view #middle-column .section .side {
    border:0;
    background:white;
}

/* Discussion view page */

.forumpost {
    margin-top:15px;
}









#mod-forum-discuss .forumpost,
#mod-forum-discuss .forumpost td,
.forumpost .side,
.forumpost  {
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
}

/* Discussion list page */

#mod-forum-view td.picture img {
    display:block;
    padding:2px 4px;
}

#mod-forum-view .forumheaderlist td.picture {
    width:35px;
}

/* oci styles */

.header_logo{
    background: white;
    text-align: right;
    background-image: url(images/learningspacebanner_repeat.gif);
    background-repeat: repeat-x;
    width: 100%;
    background-position: bottom;
    margin-bottom: 3px;
}

.header_logo img {
    margin-right: 0px;
    margin-left: auto;
    display: block;
}

/* for learning space green shades  */
h1
{
  font-family: verdana, sans-serif;
  font-size: 1.05em;
  font-weight: bold;
  margin-bottom:1px;
  color: #4B5F4B;
}

h2
{
  font-family: verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin-bottom:3px;
  margin-top:1px;
  color: #006666;
}

h3
{
  font-family: verdana, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  margin-bottom:3px;
  margin-top:1px;
  color: #006666;
}

.paradefault {
  font-family: verdana, sans-serif;
  font-size: 0.95em;
  font-weight: normal;
  text-align:justify;
  margin-bottom: 6px;
  margin-top: 2px;
  color: #333333;
}

.sourcereference  {
  font-family: verdana, sans-serif;
  font-size: 1em;
  text-align:right;
  margin-bottom: 3px;
  margin-top: 2px;
  color: #333333;
}

.activity {
  font-family: verdana, sans-serif;
  font-weight: normal;
  text-align:justify;
  margin-right:20px;
  margin-left:20px;
  margin-bottom: 2px;
  margin-top: 3px;
  color: #4B5F4B;
}

.listitem {
  font-family: verdana, sans-serif;
  font-size: 0.95em;
  font-weight: normal;
  text-align:justify;
  margin-right:15px;
  margin-bottom: 1px;
  margin-top: 2px;
  color: #333333;
}

.gap2 {
  text-align:center;
  margin-top: 2px;
  margin-bottom: 2px;
}

.boxcontent {
    border: outset 1pt black;
    margin-bottom:10px;
    margin-top:10px;
    padding:6px;
    background-color: #D9F3F3;
}

.boxcontent_holder {
    width: 55%;
}

.boxcontent h2, .boxcontent h3 { color: #333333; }

#mod-resource-view #content .tableprop td.tablerowvalues,
#mod-resource-view #content .tableprop td.tablerowtitle,
#mod-resource-view #content th, #mod-resource-view #content td
 {
  border:0px;
}

table.tableprop, table.accounts {
    border: outset 1pt black;
    background-color:#003300;
    margin-bottom: 12px;
}

td.tablerowtitle
{
  font-family: verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  vertical-align:top;
  color: #FFFFFF;
  background-color:#4B5F4B;
}

td.tablerowvalues
{
  font-family: verdana, sans-serif;
  font-size: 1em;
  font-weight: normal;
  vertical-align:top;
  color: #4B5F4B;
  background-color: #D9F3F3;
  
}

div.fitem {
    background-color: #ffffff;
}

.navigation ul {
   list-style:none;
   margin:0px;
}

.navigation li {
  display:inline;
}

.navigation li a img {
    margin-bottom : 10px;
}

form, .invisiblefieldset {
    display:inline;
}

.partnerlink {
    width: 146px;
    background-color: #8F79A7;
}

.partnerlink a:visited, .partnerlink a:link,.partnerlink a:hover {
    color: white;
}

.partnerlink p {
    padding:0px 4px 4px 4px;
    line-height:1.1em;
}

/* Form CSS layout */

.xf_item {
    clear:left;
    margin-top:0.5em;
}
.xf_label {
    float:left;
    width:14.5em;
    text-align:right;
    font-weight:bold;
}
.xf_label .helplink { /* HTML editor 'help with writing' etc */
        font-weight:normal;
        font-size:1.0em;
}
.xf_value {
    margin-left:15em;
    text-align:left;
}
.xf_submit {
      margin-top:1em;
      margin-left:15em;
}

/* Fixing generalbox */
.generalbox,.generalboxcontent {
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-bottomright:0;
}

/* Fixing ugly quickforms */
.mform .required {
    background-color:transparent;
}
.mform .helplink img {
    vertical-align:baseline;
}
fieldset legend {
      color:black;
}

/* ie7 fix when quickform inside a container that has margins it cannot
 * be 100% width as it causes a scroll bar in ie7 (similar to the
 * course box fix below)
 */
form.mform fieldset {
    width:99%;
}

/* Prevent IE running input buttons together */
form.mform input {
    margin-right: 10px;
}

/* Fix for rule line over tabs */
* html .tabrow0 div, * html .tabrow0 ul {
    top:3.8em; /* hack for ie6 only - fix for ie7 required */
}

/* Fix for rule line over tabs (ie7) */
.tabrow0 {
    font-size : 1em;
}

/* Fix for course box being too wide and causing scroll bar
 * The scroll bar issue is caused by the fact that the box is
 * 100% wide and then has a border of 1px which causes a scroll
 * bar in ie7.
 */
.coursebox {
  width: 99%;
}























/* END OF CSS FILE MATCH - Everything below here is lab & learn */

/* @group Login form */

.loginbox label.neat {
    text-align: right;
    width: 170px;
    margin-right: 10px;
    padding-top: .2em;
    float: left;
    padding-left: 10px;
    font-weight: bold;
    display: block;
}
.loginbox label.neat:after {
    content: " :";
}

.loginbox .fieldhelp {
    font-size: smaller;
    color: #414141;
    padding-left: 180px;
}

.loginbox fieldset {
    background-color: #fcfcfc;
}

.loginbox fieldset fieldset {
    background-color: #f4f4f4;
}

.loginbox .loginlink {
    padding-left: 170px;
    display: block;
    clear: left;
}

.loginbox legend {
    font-weight: bold;
}

.loginbox fieldset {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin: 20px;
}

.loginbox .actiondiv {
    text-align: center;
}

.loginbox .actiondivbutton {
    margin-left: 35%;
}

/* @end */

/* Topic Search/Order styles */

.padded {
    padding: 0px 20px 0px 20px;
}

.categorylist {
  width:100%;
}

.categorylist .category.name {
    width:50%;
}

.search_holder {
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
}

/* Overiding the min height from ou style as the advanced search link
under the search box makes OCI header larger */
div#navbar.navbar {
    min-height:40px;
}

/* Bug 2903 - Fixes crumb bar not wrapping correctly in FF 2 */
.navbar .breadcrumb {
    float:none;
}

/* ^ Bug 2903 ^ */
.breadcrumb ul {
    float:none;
}

/* ^ Bug 2903 ^ */
.breadcrumb {
    padding-left:0px;
}

/* ^ Bug 2903 ^ */
.breadcrumb ul {
    padding-left:3px;
}

/* Fix for coursebox summary to narrow */
.coursebox .summary {
  width: 54%;
}

/* Fix for coursebox summary to narrow */
.coursebox .info {
  width: 42%;
}

/* Fix for course/index.php box no longered centered */
.box .categorybox {
  margin: 0px auto;
  text-align: left;
  padding: 10px;
  width: 90%;
  border: 1px solid #DDDDDD;
}

/* Bug 2602 - myMoodle: Calendar display */
/* jecb5 - This fixes the issue where the export calendar and ical buttons where
floating over the bottom of the calendar as the position was set to
absolute. I've also added in some padding to make it look tidyer */
#calendar .maincalendar .bottom {
    position: relative;
    padding:2px 0px 2px 0px;
}

/* Bug 3127 - "Alt Formats" block - Multi items have no spacing between in FF */
.block_formats .r0 {
  padding:2px 4px;
}

/* ^ Bug 3127 ^ */
.block_formats .r1 {
  padding:2px 4px;
}

/* Bug 3166 - Underlined links for user profile, logout and myMoodle */
.headermenu a
{
  text-decoration: underline
}

#ou-topbars
{
  position: relative;
}

.overwrite_iconhelp .iconhelp {
  position: relative;
  top: -3px;
}

.sourceref_360 {
    position: relative;
    left: 145px;
}

.sourceref_345 {
    position: relative;
    left: 145px;
}

.sourceref_176 {
    position: relative;
    left: 145px;
}

.oci-dialogue {
    margin:1.5em 0;
    text-align:left;
}

.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;
}

/* Preformatted, computer code, etc. Should be kept in sync with
.oci-computerdisplay and .oci-computercode from mod/oucontent/styles.php. */
pre {
    font-family: Andale Mono, monospace;
    font-size: 0.85em;
}

.oci-computerdisplay, .oci-computercode {
    font-family: Andale Mono, monospace;
    font-size: 0.85em;
}

/* paradefault, computer code, etc. Should be kept in sync with
.oci-computerdisplay and .oci-computercode from mod/oucontent/styles.php. */
.oci-computerdisplay .paradefault, .oci-computercode .paradefault {
    font-family: Andale Mono, monospace;
}

.cc_licence {
    font-size: 0.8em
}

#my-index .overview {
width:50%;
float:left;
}

#my-index .overview .info,
#my-index .overview .name {
margin-right:4px;
width:80%;
}

/*
    Fix for Bug 4099 - white box round show/hide box
    Disable stupid border for hide show block in main style!
*/
.sideblock .hide-show a {
    border:0px;
}

.hide-show-header {
    text-align: center;
    position: relative;
    top: 4px;
    left: -3px;
}

.hide-show-header h2 {
    display:inline;
}

#content .hide-show-header img.hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

#my_rss_img {
    position: relative;
    top: 3px;
}

#content .hidden .hide-show-header img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

#content .hidden .hidediv {
    display:none;
}

.relpos {
    position: relative;
}

/* Bug 4097 - Highlighted glossery terms always coloured black. Should be the colour of the item be it H2, etc */
.boxcontent h2 a.autolink:link, .boxcontent h2 a.autolink:visited, h3 a.autolink:link, .boxcontent h3 a.autolink:visited {
    color: #000000;
}

/* Bug 4097 - Highlighted glossery terms always coloured black. Should be the colour of the item be it H2, etc */
h2 a.autolink:link, h2 a.autolink:visited, h3 a.autolink:link, h3 a.autolink:visited {
    color: #006666;
}

#mod-resource-view #content #middle-column {
    padding-left: 50px;
    padding-right: 100px;
}

#mod-resource-view #content table {
    margin:0 0;
}

#mod-resource-view #content td,
#mod-resource-view #content th {
  padding:0px 0px; line-height:1.4em; /* bug 5443 */
}

/* merge issue 1.9 setts this to 180px but OpenLearn blocks are a bit wider */
.block_adminblock {
  width: 210px;
}

/* added for MyMoodle display */
#mymoodle .coursebox {
  float:left;
}

/* bug 5451 stop overwriting of margin by line 864 above*/
#mod-resource-view #content table.tableprop, #mod-resource-view #content table.accounts {
    margin: 3px 0 12px 0;
}

#mod-resource-view #content table.tableprop td, #mod-resource-view #content table.accounts td {
    padding: 1px 10px 1px 10px;
}

/* Shared activities */
.sa_wrapper {
    padding: 5px 15px;
}

/* Search classes */
.search_highlight_title {
    font-weight:bold;
    font-size:1.2em;
}

.search_highlight_summary {
    font-weight:bold;
    font-size:1.2em;
}

ul.multiple_columns li{
    text-align: left;
    float: left;
    list-style: none;
    padding:5px;
    width:30%;
    margin:1px;
}

.search_dashed_line {
    border-bottom : 1px dashed #000;
    border-top    : 0px;
    border-left   : 0px;
    border-right  : 0px;
}

.search_result_container {
    line-height : 20px;
}

.search_full_width {
    width : 100%;
}

.search_inner_container {
    margin    : 0 auto;
    width     : 80%;
    min-width : 600px
}

.search_keyword_col {
    padding : 5px;
    width   : 28%;
    float   : left;
    margin  : 10px
}

.search_margin_bottom {
    margin-bottom : 5px;
}

.search_icon {
    float        : left;
    margin-right : 5px
}

.search_delete {
    float        : left;
}

/* new classes for numbered list
* note in theory - and -none should never be created
* but are included in case they come through.
* (-none is used in word interface to remove the attribute) */
.listitemstyle-, .listitemstyle-none, .listitemstyle-decimal {
    list-style-type: decimal;
}
.listitemstyle-lower-roman {
    list-style-type: lower-roman;
}
.listitemstyle-upper-roman {
    list-style-type: upper-roman;
}
.listitemstyle-lower-alpha {
    list-style-type: lower-alpha;
}
.listitemstyle-upper-alpha {
    list-style-type: upper-alpha;
}

#coursesearchform .helplink, #coursesearchform2 .helplink {
    position: relative;
    top: -2px;
}

#coursesearchform .iconhelp, #coursesearchform2 .iconhelp {
    padding-bottom: 2px;
}

#coursesearchform, #coursesearchform2 {
    padding-left: 35px;
}

/* IE6 - Fix the unit search box help icons - STUPID IE! */
* html #search_holder .helplink {
    position: static;
}

/* IE7 - Fix the unit search box help icons - STUPID IE! */
*+html #search_holder .helplink {
    position: static;
}

a.autolink:link, a.autolink:visited {
    border-bottom: 1px dashed;
    background: transparent;
}

div#tag-description,
div#tag-blogs {
    width:auto;
    padding:15px;
    display:auto;
}

div#tag-user-table {
    padding:auto;
    width:auto;
    clear: auto;
    display:auto;
}

h2.tag-heading {
    display:auto;
    width:auto;
}

.source_ref {
    font-size: 0.75em;
    font-weight: normal;
}

.div_right {
    text-align:right;
}

.div_hidden {
    display:none;
}

.rightslink {
    display:inline-block;
}

#resource .rightsinfo, #content .rightsinfo {
    position: absolute;
    z-index:100;
    color:black;
    right:0;    
    width:200px;
    margin-top:2px;
    border-bottom:1px solid rgb(221,221,221);
    border-top:1px solid rgb(221,221,221);
    background:rgb(234,234,213);
    padding:2px 4px;
}

#resource .rightsinfo_nojs, #content .rightsinfo_nojs {
    color:black;
    margin-top:2px;
    border-bottom:1px solid rgb(221,221,221);
    border-top:1px solid rgb(221,221,221);
    background:rgb(234,234,213);
    padding:2px 4px;
}

#resource .rightsinfo_nohide, #content .rightsinfo_nohide {
    display:'';
}

#resource .rightsinfo_hide, #content .rightsinfo_hide {
    display:none;
}

.tablesourceref {
    background:#D9F3F3;
}

.inline_relpos {
    position:relative;
    display:inline-block;
}

/* Bug 6766 - Decluttering - Login Box */
#login_password, #login_username {
    width: 105px; 
}

.c1.btn input {
    width: 4em;
}

.block_login.sideblock .content {
    padding-left:0px;
    padding-right:0px;
}
/* /Bug 6766 - Decluttering - Login Box */

.yui_menu_tree .highlight {
    background-color:white;
}
.coursetag_form_input1a, .coursetag_form_input2a {
    width:163px;
}

.coursetag_form_wrapper {
    width:100%;
}

.adv_search_link {
    padding-left:10px;
}

.adv_search_pos {
    position:relative;
    top:-6px;
}

/* To make the cat names bold in manual HTML on front page */
.generalbox .categorylist .category.name a {
    font-weight: bold;
}

/* Override the bolding of the cat name links on the ltlc links */
.generalbox .categorylist .category.name .ltlc_style {
    font-weight: normal;
}

/* To make links to LT and LC centered on the image in manual HTML on front page */
.ltlc_style {
    position:relative;
    top:-2px;
}

.hrpadded {
    border-bottom:1px solid #CCC;
    padding-bottom: 5px;
}

.paddedtop {
    padding-top:10px;
}

#mod-oucontent-view td,#mod-oucontent-view th {
    border: none;
}

#mod-oucontent-view table.accounts td,#mod-oucontent-view table.accounts th {
    border: 1px solid #aaa;
}
#mod-oucontent-view table.accounts {
    background-color:#FFFFFF;
    margin-bottom: 0px;
}

/*  XHTML complience fix for HRs */
.noshade {
    border: 0;
    background-color: #9E9E9E;
    height: 1px;
}
/***** oci/ou_layout.css end *****/