/**************************************
 * THEME NAME: k2
 *
 * Files included in this sheet:
 *
 *   k2/fonts.css
 *   k2/minitabs.css
 *   k2/stripes.css
 *   k2/polaroid.css
 *   k2/forum_hover.css
 *   k2/no_boxes.css
 *   k2/tables.css
 *   k2/small_cal.css
 *   k2/2columns.css
 *   k2/760width.css
 *   k2/kubrick.css
 *   k2/images.css
 **************************************/

/***** k2/fonts.css start *****/


body {
    font-size: 76%;
    font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    /* or for serif fonts:
    font-family: Georgia, serif;
    */
}                                                                
code, tt, kbd { 
    font-family: "Vera Sans Mono", "Monaco", "Andale Mono", "Lucida Sans Mono", monospace;
    /* or for typewriter style: 
    font-family:  "Courier", "Courier New", monospace;
    */
    }
/***** k2/fonts.css end *****/

/***** k2/minitabs.css start *****/


/* this first section is the code to turn off the tab backgrounds
 found in the standard theme
 */
 .tabrow td,
 .tabrow td:hover,
 .tabrow td .tablink,
 .tabrow td:hover .tablink,
 .tabrow .last,
 .tabrow .selected,
 .tabrow .selected .tablink,
 .tabrow td.selected:hover,
 .tabrow td.selected:hover .tablink,
 .tabrow .selected a,
 .tabrow td.selected:hover a,
 .tabrow td.selected:hover .tablink a,
 .tabs .side {
     background: none;
     border: none;
 }
 .tabrow .selected .tablink a,
 .tabrow td .tablink {
     padding: 0;
     background: none;
 }

/* this now defines the new tabs, the visual style is taken from 
 the minitabs found at http://www.simplebits.com/bits/minitabs.html */
.tabs {
}
    
.tabrow {
    padding: 0;
    margin: 0;
    color: #06c;
    background-color: transparent;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    vertical-align: bottom;
    border-collapse: separate;
    margin: 2em auto -2px auto;
    border-bottom: 1px solid #06c;
}

.tabrow .tablink {
       text-align: center;
       background-image: none;
       margin-right: 2em;
       margin-left: 2em;
       vertical-align: top;
       padding-right: 0;
       padding-left: 0;
   }

.tabs {
       margin: auto;
       border-collapse: separate;
       margin-bottom: 1em;
}

.tabs td {
       padding: 0;
       padding-bottom: 1px;
}

.tabs .side {
    margin-bottom: 0px;
}

.tabrow td {
         padding: 0;
         margin: 0;
         border-bottom: none;
}

.tabrow th {
         display:none;
}
.tabrow .last {
         padding: 0;
         margin: 0;
}

             
.tabrow .tablink a {
     display: block;
     font-weight: bold;
     text-decoration:none;
     width: 100%;
     padding: 0;
     margin: 0;
     text-align: center;
}
         

 .tabrow td.selected .tablink,
 .tabrow td.selected:hover .tablink,
 .tabrow td.activetwo .tablink,
 .tabrow td.inactive .tablink,
 .tabrow td.active .tablink a:hover {
     background: none;
     padding-bottom: 0.25em;
     padding-top: 1em;
     border-bottom: 4px solid #06c;
 }
   .tabrow .selected .tablink,
   .tabrow .active .tablink a,
   .mod-glossary .tabrow td.inactive .tablink {
       background: none;
       padding-bottom: 0.25em;
       padding-top: 1em;
       border-bottom: 4px solid transparent;
   }

.mod-glossary .tabrow td.inactive .tablink {
    text-decoration: line-through;
    color: #333;
}
 .tabrow .tablink a:link,
 .tabrow .tablink a:visited {
     color: #5af;
 }

 .tabrow .active .tablink a:hover,
 .tabrow .selected .tablink {
       color: #06c;
 }

/***** k2/minitabs.css end *****/

/***** k2/stripes.css start *****/

/* in an ideal world the following would suffice:

table.striped {
    background-color: red;
}

table.striped .odd {
    background-color: blue;
}

though obviously red and blue would be bad color choices. generally you use the background color and a very subtly different shade, though it's not mandatory for one of the colors to be the same as the standard background color. Keep in mind that color blind and partially sighted will have trouble unless the text stands out in both color and saturation from the background.
If youre going to have one of the colors matching the backgound, make it the first one (.r0) so that single row tables still stand out and your headers are signaled by being underlined.
*/

table.forumheaderlist .r0 td,
table.forumheaderlist .r0 td.topic,
table#attempts .r0 td,
table#blocks .r0 td,
/* the above are to override hard coded colors in the HTML
hopefully these won't be needed in 1.6 */
table.results .col0,
table.results .col2,
table.results .col4,
table.results .col6,
table.results .col8,
table.results .col10,
table.results .col12,
table.results .col14,
#mod-survey-view table .r0,
#admin-user .generaltable .r0,
#course-teacher .generaltable .r0,
#user-index .generaltable .r0,
table#teachers .r0,
table.logtable .r0,
#admin-modules .generaltable .r0 {
    background-color: #edf3fe;
}

table.forumheaderlist .r1 td,
table.forumheaderlist .r1 td.topic,
table#attempts .r1 td,
table#blocks .r1 td,
/* the above are to override hard coded colors in the HTML
hopefully these won't be needed in 1.6 */
table.results .col1,
table.results .col3,
table.results .col5,
table.results .col7,
table.results .col9,
table.results .col11,
table.results .col13,
#mod-survey-view table .r1,
#admin-user .generaltable .r1,
#course-teacher .generaltable .r1,
#user-index .generaltable .r1,
table#teachers .r1,
table.logtable .r1,
#admin-modules .generaltable .r1 {
    background-color: #fff; 
}
/***** k2/stripes.css end *****/

/***** k2/polaroid.css start *****/


.block_online_users .listentry img,
img.userpicture,
img.grouppicture,
.userinfobox img.userpicture {
   background-color: #f9f9f9;
   border: 1px solid #ddd;
   border-bottom-color: #888;
   border-right-color: #888;
}

img.userpicture,
img.grouppicture {
   padding-left: 5px !important;
   padding-right: 5px !important;
   padding-top: 5px !important;
   padding-bottom: 13px !important;
}

.userinfobox img.userpicture {
   padding-left: 13px !important;
   padding-right: 13px !important;
   padding-top: 13px !important;
   padding-bottom: 37px !important;
}

a:hover img.userpicture,
a:hover img.grouppicture {
    background-color: #c2e5fa;
}

.block_online_users .listentry img {
   padding: 2px;
   padding-bottom: 5px;
}
/***** k2/polaroid.css end *****/

/***** k2/forum_hover.css start *****/

.forumpost:hover .subject {
    font-weight: bold;
    color: #333;
}

.forumpost .commands, .forumpost .commands a,
.forumpost .footer a {
    color: #999;
    background-color: transparent
}

.forumpost .author, .forumpost .author a {
    color: #777;
    background-color: transparent;
}

.forumpost:hover .commands a,
.forumpost:hover .author a,
.forumpost:hover .footer a {
    color: #06c;
}

.forumpost:hover .commands,
.forumpost:hover .author {
    color: #333;
}
/***** k2/forum_hover.css end *****/

/***** k2/no_boxes.css start *****/

.generalbox,
.generalboxcontent,
.generaltable,
.headingblock,
.sideblock,
.sideblock .header,
.sideblock .content,
.userinfobox,
.navbar,
.loginbox,
.loginbox .content,
.sitetopic,
.sitetopiccontent,
.sideblock .content,
td.courseboxcontent,
td.courseboxcontent td.info,
td.courseboxcontent td.summary,
tr.section td.content,
tr.section td.side,
div.section,
table.results,
table#attempts,
#mod-survey-view #content table,
#admin-user .generalbox,
#admin-user .generaltable,
#admin-modules .generalbox,
#admin-modules .generaltable,
#course-teacher .generalbox,
#course-teacher .generaltable,
#user-index .generalbox,
#user-index .generaltable,
table.forumheaderlist,
table#teachers,
table.logtable,
table#blocks {
    border: none !important;
}
/***** k2/no_boxes.css end *****/

/***** k2/tables.css start *****/

/* various things to make tables a bit easier to read and nicer to look at, see also stripes.css */

#mod-survey-view #content table th,
#mod-survey-view #content table td,
#admin-user .generaltable th,
#admin-user .generaltable td,
#admin-modules .generaltable th,
#admin-modules .generaltable td,
#course-teacher .generaltable th,
#course-teacher .generaltable td,
#user-index .generaltable th,
#user-index .generaltable td,
table#teachers th,
table#teachers td,
table.logtable td,
table.logtable th,
table#attempts th,
table#attempts td,
table.forumheaderlist th,
table.forumheaderlist td,
table#blocks th,
table#blocks td{
    text-align: left !important;
    vertical-align: middle !important;
    border: none;
}

table.results th,
table.results td {
    border: none !important;
    text-align: center;
}
table.results table {
    text-align: center;
    padding: auto;
    margin: 0 auto;
}

table.results table td.picture {
    text-align: right;
    width: 50%;
}
table.results td.fullname {
    text-align: left;
}

div.filters table,
div.filters table tr,
div.filters table td {
    background-color: transparent !important;
    border: none;
}
/***** k2/tables.css end *****/

/***** k2/small_cal.css start *****/

/* an attempt to make the sideblock calendar very slightly thinner so it doesn't stick out so much */
table.minicalendar {
    border: none;
    width: auto;
}

table.minicalendar th {
    font-weight: normal;
    text-align: center;
    text-transform: lowercase;
    padding: 0;
    margin: 0;
    width: 12%;
    border: none;
}
table.minicalendar td {
    padding: 0;
    margin: 0;
    width: auto;
    vertical-align: bottom;
    text-align: center;
    border: none;
}

table.minicalendar a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    vertical-align: middle;
    border: none;
}
table.minicalender .event_course, 
table.minicalender .today {
    border: none;
}


.minicalendar .today,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
      border: none !important;
}
/***** k2/small_cal.css end *****/

/***** k2/2columns.css start *****/

#course-view #right-column{  display: none;}#site-index.editing #right-column,#course-view.editing #right-column {  display: block;  width:20px!important;}.editing #right-column .sideblock {  width:150px!important;}/* hide move sideblock left controls */a.right {  display: none;}#site-index #right-column {  display: block;  width:0px!important;}
.userpicture {display: none;}
.helplink img {display:none;}





/***** k2/2columns.css end *****/

/***** k2/760width.css start *****/


#page {
    width: 760px;
}

table.results,
table#attempts,
#mod-survey-view #content table,
#admin-user .generalbox,
#admin-user .generaltable,
#admin-modules .generalbox,
#admin-modules .generaltable,
#course-teacher .generalbox,
#course-teacher .generaltable,
#user-index .generalbox,
#user-index .generaltable,
table.forumheaderlist,
table#teachers,
table.logtable,
table#blocks {
    width: 740px !important; /*needed to overule CSS embedded in page (which shouldn't be there anyway) */
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#mod-survey-view #content table th,
#mod-survey-view #content table td,
#admin-user .generaltable th,
#admin-user .generaltable td,
#admin-modules .generaltable th,
#admin-modules .generaltable td,
#course-teacher .generaltable th,
#course-teacher .generaltable td,
#user-index .generaltable th,
#user-index .generaltable td,
table#teachers th,
table#teachers td,
table.logtable td,
table.logtable th,
table#attempts th,
table#attempts td,
table.forumheaderlist th,
table.forumheaderlist td,
table#blocks th,
table#blocks td{
    padding-right: 0 !important;
    padding-left: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body {
    width: 760px;
}


#course-user .graph img {
    width: 740px;
    padding: 0;
    margin: 0;
}


#calendar {
    width: 745px;
}
#header     { width: 758px; }
/***** k2/760width.css end *****/

/***** k2/kubrick.css start *****/

#header h1 {

    font-size: 4em;

    text-align: center;

    padding-top: 70px;

    margin: 0;

    width: auto;

}

#headerimg {

    width: auto;

}



#header .description {

    font-size: 1.2em;

    text-align: center;

}

#header .description .hidden {

    display: none;

}



#header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited, #header .description {

    text-decoration: none;

    color: #fff;

}



#nextbutton {

	text-align: right;

	padding-right:0px;

}



#previousbutton {

	text-align: left;

	padding-left:0px;

}



body {

    margin: 0 auto;

    padding: 0; 

    font-size: 76%;

    background-color: #d5d6d7;

    color: #333;

}                                                                



.sidecalendar,

#left-column,

#right-column {

    padding-left: 0.5em;

    padding-right: 0.5em;

    background-color: #f3f3f3;

    margin: 0;

    border: none !important;

}



.sidecalendar .header{

    margin-top: 20px;

    width: 200px;

}

#left-column{
    padding-top:40px;
}


#right-column,
#middle-column {

    padding-top: 2em;

}



#site-index #right-column {

    padding-top: 0;

}



#content {

    padding: 2em 0 0 0;

    margin: 0;

}



#course-view #content,

#calendar-view #content,

#site-index #content {

    padding-top: 0;

}



#calendar {

    border: none;

    padding: 0;

    margin: 0;

    margin-top: -5px;

}



#calendar-event .sidecalendar {

    display: none;

}



#calendar-event #calendar {

    width: auto;

    margin: auto;

}



#calendar tr {

    padding: 0;

    margin: 0;

}    

#calendar td.maincalendar {

    border: none;

    padding: 0;

    margin: 0;

    padding-top: 2em;

}



.course-content {

    padding: 0;

    margin: 0;

}



#layout-table {

    margin: 0;

    padding: 0;

}



table.navbar {

    height: 2em;

    margin-bottom: -2em;

}

    

/* hide icons in sideblocks */

#right-column tr td.c0,

#left-column tr td.c0 {

    display: none;
}



#page {

    background-color: #fff;

    margin: 20px auto;

    padding: 0;

    border: thin solid #959596;

}



#header     { margin: 0; padding: 1px; height: 198px; width: auto; }

#header     { background-color: #73a0c5; }



table.navbar tr td {

    padding: 0 20px;

}

table.navbar .navbutton {

    padding-right: 40px;

}





.breadcrumb {

    font-weight: normal;

}

.sideblock div.header {

    border: none;

    color: #000;

    background: transparent;
}



table.navbar,

.sideblock div.content {

    border: none;

    color: #000;

    background: transparent;
    

}



.sideblock div.content {

    padding-left: 20px;

}



.sideblock .footer, .sideblock .newlink {

    text-align: left;

    font-size: 1em;

    padding-left: 1px;

}



.logininfo {

    padding-top: 20px;

}



table.generalbox td.generalboxcontent {

    background-color: transparent;

}



.generalbox {

    border: none;

}



.header {

    border: none;

}



a:link { color: #06c; text-decoration: none; }

a:visited { color: #06c; text-decoration: none;}

a:link:hover, a:visited:hover { text-decoration: underline; color #147; }

a:link:active, a:visited:active { color: #06c; text-decoration: none; }



#footer {

    text-align: center;

    margin: 0 auto;

    padding: 0;

}



.menu {

    text-align: center;

    margin: 20px 50px;

    padding: 0;

}



.menu table {

    width: 100%;

}



#footer .logininfo {

    padding-bottom: 20px;

}



.generalboxcontent {

    text-align: left;

}

.forumpost .topic div.subject {

    font-weight: bold;

    padding-bottom: 0.2em;

    background-color: transparent;

}





.forumpost {

    margin: 0;

    padding: 0;

    padding-top: 5px;

    border: none;

}



.forumpost .side  {

    background-color: #eee;

    vertical-align: top;

    text-align: left

}



.forumpost .picture  {

    background-color: #eee;

    vertical-align: middle;

    text-align: left

}

.forumpost .topic  {

    background-color: #eee;

    border: none;

}

.forumpost .content  {

    border-right: thin solid #eee;

    border-bottom: thin solid #eee;

}



.forumpost .picture img,

.forumpost .side img {

    margin: 0;

    padding: 0;

}



.glossarydisplay,

.glossarydisplay,

.entryboxheader,

.entrybox table,

.entrybox {

    width: 100%;

    border: none;

}



hr {

    color: #fff;

    background-color: #fff;

    height: 0;

    display: none;

}



#content {

    border: none;

    line-height: 1.2em;

    padding-top: 0;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 0;

}







.hidemenu table {

    display: none;

}



td.top iframe {

    background-color: #fff;

}





.userinfobox {

    border: none;

}





div.section .content td {

    background-color: transparent; /* to avoid a hard-coded value */

}



#course-view .current .side {

    background-color: #5af;

}

 

#help,

#message-index,

#mod-chat-gui_header_js-users,

#mod-chat-gui_header_js-chatinput {

 width: 90%;

 padding: 0 20px;

 margin: 0;

 background: #fff;

}



#help #content,

#message-index #content,

#mod-chat-gui_header_js-users #content,

#mod-chat-gui_header_js-chatinput #content,

#help .generalbox,

#help .generalboxcontent,

#help #footer,

#help #page,

#message-index #page,

#mod-chat-gui_header_js-users #page,

#mod-chat-gui_header_js-chatinput #page {

 width: 100%;

 margin: 0;

 padding: 0;

 background: #fff;

}

.rondehoeken {
position:relative;
width:500px;
background:#E0E0E0;
color:#000000;
margin:0px;
}

.rhaddress {
position:relative;
width:200px;
background:#E0E0E0;
color:#000000;
margin:0px;
}

#ctl, #cbl, #ctr, #cbr {
position:absolute;
width:20px;
height:20px;
color:#D42E12;
background:#fff;
overflow:hidden;
font-style:normal;
z-index:1;
}

#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.rondehoeken em b {
position:absolute;
font-size:150px;
font-family:arial;
color:#E0E0E0;
line-height:40px;
font-weight:normal;
}

.rhaddress em b {
position:absolute;
font-size:150px;
font-family:arial;
color:#E0E0E0;
line-height:40px;
font-weight:normal;
}

#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

.rondehoeken p {
position:relative;
z-index:100;
padding:5px 10px;
font-size:8pt;
}

.rhaddress p {
position:relative;
z-index:100;
padding:5px 10px;
font-size:8pt;
}

.boxtext {
margin-left:10px;
}

.maintable {
border-right: 10px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
}

.loginright {
font-size: x-small;
}

table.topmenu {
    height: 2em;
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-bottom: -2em;
    background:#333333;
    font-weight:bold;
    font-variant:small-caps;
    font-size:14pt;
    position:relative;
    border: 0px solid;
}

table.topmenu tr td{
    padding: 0 20px;
    color:#444444;
    margin-right:2px;
}

table.topmenu .navbutton {
    padding-right: 40px;
}

table.topmenu a{
    color:#000000;
}

#navbar{
width:95%;
height:36px;
background:url(img/navbar-bg.png) left top repeat-x; 
}
#navbar .inbar{
display:block;
height:36px;
background:url(img/right-round.png) right top no-repeat; 

}
#navbar ul, #navbar ul li{
border:0px;
margin:0px;
padding:0px;
list-style:none;
height:36px;
line-height:36px; 

} 

#navbar ul{
background:url(img/left-round.png) left top no-repeat; 

}
#navbar ul li{
float:left;
display:block;
line-height:36px; 

}
#navbar ul li a{
color:#403e32;
text-decoration:none;
font-weight:bold;
display:block; }
#navbar ul li a span{
padding:0 20px 0 0;
height:36px;
line-height:36px;
display:block;
margin-left:20px; }
#navbar .navhome a, #navbar .navhome a:hover{
background:url(img/a-bg.png) left top no-repeat;
height:36px;
line-height:36px; }
#navbar .navhome a span, #navbar .navhome a:hover span{
color:#FFFFFF;
background:url(img/span-bg.png) right top no-repeat;
height:36px;
line-height:36px; }
#navbar ul li a:hover{
background:url(img/ahover-bg.png) left top no-repeat;
height:36px;
line-height:36px; }
#navbar ul li a:hover span{
background:url(img/spanhover-bg.png) right top no-repeat;
height:36px;
line-height:36px; } 
/***** k2/kubrick.css end *****/

/***** k2/images.css start *****/

/* the Kubrick theme should work without any background images
   simply remove the "images" entry from the config.php file
   and this file will not be read in. Note that a replacement
   header image may also be specified in header.html
*/
   
body            { background: #d5d6d7 url("kubrickbgcolor.jpg"); }
#footer         { background: #fff url("kubrickfooter.jpg") no-repeat top left; border: none; height: 63px;}
#page           { background: #fff url("kubrickbgwide.jpg") repeat-y top left; border: none; }   



#header         { background: #73a0c5 url("kubrickheader.jpg") no-repeat bottom center; }







.forumpost {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    border: none;
}

.forumpost .side  {
    background-color: #fff;
    background-image: url('bottom-left.png'); 
    background-repeat:  no-repeat;
    background-position: bottom right; 
}

.forumpost .picture  {
    background-color: #fff;
    background-image: url('top-left.png'); 
    background-repeat:  no-repeat;
    vertical-align: bottom;
    background-position: top right; 
    padding-right: 15px;
    padding-top: 0;
}
.forumpost .topic  {
    background-color: #fff;
    background-image: url('top-right.png'); 
    background-repeat:  no-repeat;
    background-position: top right; 
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    border: none;
}
.forumpost .content  {
    background-image: url('bottom-right.png'); 
    background-repeat:  no-repeat;
    background-position: bottom right; 
    padding-bottom: 10px;
    padding-right: 15px;
    padding-top: 0;
    padding-left: 0;
    border: none;
}

.forumpost .picture img {
    margin-bottom: 0;
    padding: 0;
}

td.courseboxcontent {
    border: none;
    padding: 0;
}

.section .content,
td.courseboxcontent td.info,
td.courseboxcontent td.summary {
    padding-top: 8px !important;
}

.section td.left, 
td.courseboxcontent td.info {
    padding-left: 8px !important;
}

.section td.right, 
td.courseboxcontent td.summary {
    padding-right: 8px !important;
}


td.courseboxcontent td.info,
td.courseboxcontent td.summary,
tr.section td.content,
tr.section td.side,
div.section {
    background: #fff url('fade-grey.gif') repeat-x top;
    background: #fff url('section_bg.png') no-repeat top left;
    border: none !important;
    
}

tr.section td.content {
    background-position: -15px 0px;
}

td.courseboxcontent td.info,
tr.section td.left {
    background-position: top left;
}
td.courseboxcontent td.summary,
tr.section td.right {
    background-position: top right;
}

tr.section td.spacer {
    background-color: #fff;
}

/* to get rid of annoying white line on Firefox */
tr.section td.content{
    width: 100%;
}

.homelink  a:link,
.homelink  a:visited,
.homelink  a:hover  {
    background-color:  #d5d6d7;
    color:  #000;
    text-decoration:  none;
}  
.homelink  a:link,
.homelink  a:visited  {
    border-top:  1px  solid  #cecece;
    border-bottom:  1px  solid  #4a4a4a;
    border-left:  1px  solid  #cecece;
    border-right:  1px  solid  #4a4a4a;
}
.homelink  a:hover  {
    border-bottom:  1px  solid  #cecece;
    border-top:  1px  solid  #4a4a4a;
    border-right:  1px  solid  #cecece;
    border-left:  1px  solid  #4a4a4a;
}
.homelink  {
    margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;

}
.homelink  a  {
    padding-left:0em;
    padding-right:0em;
}



/***** k2/images.css end *****/