/**************************************
 * THEME NAME: sfxmoodle
 *
 * Files included in this sheet:
 *
 *   sfxmoodle/custom.css
 *   sfxmoodle/ilp.css
 **************************************/

/***** sfxmoodle/custom.css start *****/

/**  Adds all the nice finish to the standard theme 

Borders in boxes
#999

Dark blue for page headings, hr
#0000ff

Breadcrumb bar
#fff bg
#333 

Main links
#008
#000 hover

Header and footer 
#fff bg

Sideblocks headers

#475ea4 bg   
#fff colour

Login boxes

bg content: #cfd5e7;
bg header:#475ea4;
hr: #475ea4 

**/

body {
     background: #fff;
     color: #000;
     margin: 0;
     font-family: "Trebuchet MS", Arial, Verdana, serif;
}

p, li, ul, tr, td { 
     font-family: "Trebuchet MS", Arial, Verdana, serif;
}

h1, h2, h3, th, .navbar li, .header{ 
     font-family: Arial, Verdana, "Trebuchet MS", serif;
}
   
h2.title, .title h2{
     font-size: .8em;
     font-weight:bold; 
     color: #000;
     margin: 0 0 0.5em 0;
     padding: 0;  
}
h2.summary, h1.summary, .summary h2, .summary h1{
    color: #fff;
    background: #008;
    padding: 5px;
}
h1 {
     font-size: 1.3em;
     font-weight:normal; 
     margin: 0.5em 0 0.5em 0;
     padding: 0;  
     line-height: 1.3em;             
     color: #000;
}
h2.main {
     font-size: 1.2em;
     font-weight:normal; 
     margin: 0 0 0.5em 0;
     padding: 0;  
     line-height: 1.3em;             
     color: #000;
     background: #999;
}
h2.header{
     background:#999;
     color: #fff; 
     font-size: 1em;   
}
h2.section, .section h2{
     color: #fff;
     background: #999;
     font-size: 1.2em;
}
.title{
     font-size: 1.2em;
     color:#000;
}
.section, .navbutton{
     font-size: .9em;
     padding: 0px 5px 0px 5px;
}
.subject {
     color: #000;
}
hr {
     border:0;
     border-top: 1px solid #475ea4;
     height: 0;
     background:#475ea4;
}

/********Links**********/
a, a:link, a:visited, a:hover  {
     color: #008;
}
a:hover  {
     color: #008;
}

/* most headings  */

th.header, td.header, div.header{
      background:#475ea4;
      color: #fff;   
}
div.header h2{
     color: #fff;
     padding: 2px;
}
.sideblock .header {
     border: none;
     background: #475ea4;
     color: #fff;
     font-size: 1em;    
}

/**********TOP HEADER ****************/

#header-home{
     color: #000;
     margin: 0;     
     background: transparent url('bg_dash.gif') repeat-x bottom;
}

#header{
     color: #000;
     margin: 0; 
     background: transparent url('bg_dash.gif') repeat-x bottom;   
}

h1.headermain {
     margin: 0 ;
     padding: 5px 5px 5px 15px;
}
.headermenu .logininfo{
    background: #475ea4;
    color: #fff;
    border: 1px solid #C8BAC0;
    padding:5px;
    margin-bottom: 5px; 
}
.headermenu a:link,.headermenu a:visited,.headermenu a {
    color: #fff;
    padding: 0 3px 0 3px;
    font-weight: bold;
}
.headermenu a:hover {
    color: #fff;   
    font-weight: bold;
    text-decoration: underline;
}
 
/***breadcrumb trail ****/

.breadcrumb {
     padding: 0 0 0 8px;
     font-size: .8em;
     margin:2px;     
}
img.resize {
     width: 100px;
     height: 100px;
}

/***nav bar ***/

.navbar {
      color: #333;
      margin:0; 
      height:25px;
      background: transparent url('bg_dash.gif') repeat-x bottom;   
      border:0;  
}
.navbar a:hover{
      color:#115FAD;
}
.navbar a,.navbar a:visited,.navbar a:link {
      color: #333;
}

/***************** FOOTER *****************/

.homelink {
      font-size:0.85em;
      margin: 0;
      background: transparent; 
}
.homelink a, .homelink a:link,.homelink a:visited {
     padding: 2px 5px;
     color: #084AA5;
     text-decoration: underline;
}
.homelink a:hover {
     color: #FFFFCC;
     text-decoration: underline;
}
.homelink a:link,.homelink a:visited, .homelink a:hover {
     border: 0 ;
}
#footer{
     margin: 0;
     background: transparent url('bg_dash.gif') repeat-x top;
     color: #666; 
     
}
#footer p{
    padding: 1px 0 0 0;
    color: #333;
} 

/*************** CONTENT ******************/

forumpost{
     background: #C7D0FF;
     color: #000;
}
#page{
     font-size:.94em;
}
#content {
     margin: 10px 10px;
}

/*******Login Box *****/

.loginbox{
     background: #cfd5e7;
     color: #000;     
     margin-bottom: 10px;
}

.loginbox th{
     background:#475ea4;
     color: #fff;
     border-top: 1px solid #000;     
     border-bottom: 1px solid #000;     
}
.errorbox{
    background: transparent;
    border: 1px solid #C8BAC0;
    padding: 5px;
}
.errorboxcontent{ 
     background: #900;
     color: #fff;
}
.notifyproblem{
     color: #900;
     background: transparent;
}

/**********Main Calendar*****/

.minicalendarblock{
      background: #fff;
}
table.minicalendar{
      background: #CFD5E7;      
}
td.sidecalendar{
      width: 100%;
}

.maincalendar .header{
      background: #666;
}

.calendar-controls .current{ 
      background: #fff;
}

td.maincalendar{
    font-size: .9em;
    width:100%;
}

table.calendarmonth{
    background: #e3e3e3;
    border: 1px solid #999;
}
div.filters td{
    background: #fff;
}

#inst4 .content {
    background: #fff;
}

/********* Left/Right Columns  ********/

.sideblock{
    border: 1px solid #C8BAC0;
}

#left-column {
    background: #fff;
}

/* Sideboxes bg  */

.sideblock .content {
      background:#cfd5e7;
      border: 0;
}

/*** boxes on header sideboxes ***/

.hide-show {
    background: transparent;
    color: #fff;
}
.hide-show img {
    border: 1px solid #fff;
    color: #fff;
}

/***Boxes around admin header icons ***/

.singlebutton{
     margin: 5px 0;
}

.commands a:hover.icon {
     border: 1px solid #f00;
}

.commands .icon {
    background: #fff;
    padding:2px 2px 1px 2px;
    border:1px solid #000;
    margin:1px;
}

/*************Tables *******/

/ ********Site News *********/

h2.headingblock{
     background:#1260AD;
     color: #fff;
     font-weight:normal; 
     font-size: 1.1em;
}

h2.headingblock .title{
     color: #fff;
} 

h2.headingblock .link a{
     color: #fff;
} 

/*******Logs and Reports tables *****/

.log .plugin{
     background: #fff;
     border: 0;
}

.logtable{
    background: #fff;
}

.c0{
     font-weight: bold;
     background: transparent;
     color: #000;
}


.category {
     border-bottom: 1px solid #C8BAC0;
}

.categorybox{
     border: 1px solid #C8BAC0;
     font-size:0.8em;
}

.category info, course info {
     background: #fff;
}

/*******Course categories boxes *******/

.userinfobox {
     border:0;
}

.coursebox{
     background: transparent; 
}

.courseboxcontent{
     background: transparent;
}

.courseboxcontent .info{
    background: #F1EFEF;
    padding: 5px;
}

.courseboxcontent .summary{
    background: #fff;
    padding: 5px;
}

/****Configuration tables ****/

/****Home page site description ****/

.sitetopiccontent{
     background: #fff;
     border: 1px solid #C8BAC0; 
}

/****All THs *****/

.generalbox th a{
     color: #fff;
}

.generaltable th, .generaltable th.header, .generalbox th {
     color: #fff;
     background: #475ea4;
     padding 0 5px;    
}

.files th{
     background: #475ea4;
     color: #fff;
}

.formtable th{
     font-weight: bold;
     color: #000;     
}
.generaltable .c0{
     background: #F1EFEF;
}

table.generaltable{
     margin-bottom: 0.5em;
     
} 
table.generalbox {
     border:1px solid #C8BAC0;
} 

.generalboxcontent {
     line-height: 1.4em;
     background: #F1EFEF;
}
.section{
    background: transparent;
}
.graph img{
    border: 1px solid #aaa;
}

/***Forms ***/

form .adminsettings{
    background: #F1EFEF;
    border: 1px solid #C8BAC0;
}
form.popupform{
    font-size: 1.3em;
}

.name{
    font-weight: bold;
    color: #204164;
}

#intro{
    font-weight: bold;
    text-align:center;
    
}
.info{
    background:#F1EFEF;
}
.prompt{
    font-weight: bold;
} 

.list .info {
    background: #fff;
}

#section-0 .section .main{
    background: #F1EFEF;
}

/**** Font sizes ****/

table.generaltable, table.forumheaderlist, .subscription .helplink, td.content{
     font-size: .84em;
}
.files .date {
      font-size:1em;
}
.date, .name{
     font-size:1em;
}
.category a, .course a {
     font-size: .9em;
}
.generalboxcontent form{
      font-size: .9em;
}

table.sitetopic{
     font-size: .9em;
}

li.activity {
    font-size:1.3em;
}

label {
    font-weight: bold;
}
/***** sfxmoodle/custom.css end *****/

/***** sfxmoodle/ilp.css start *****/

/*
* Targets and Concerns
*/

#blocks-ilp-view div#content {margin-left: 20px;}
#blocks-ilp-view table td{margin:3px; padding:5px; }
#blocks-ilp-view table.generalbox { width:99%; }
table#targets .commands, table#concerns .commands { font-size: 0.8em; padding-top: 0em; text-align:right; clear: both; }
table#targets .commands form, table#concerns .commands form{ display:inline; }
table#targets .commands form select, table#targets .commands form input, table#concerns .commands form select, table#concerns .commands form input, form#student_status select, form#student_status input{ font-size:0.8em; }
div.addbox { text-align:center; margin:5px; }
div.addbox a { border: 1px solid #000; padding:5px; }
p.targetfooter, p.concernsfooter { text-align:right; margin:0; font-size: 0.8em; }
.targetcenter, .concernscenter { text-align:center; }
.targetcomment, .concernscomment { width:85%; text-align:left; font-size:0.8em; margin-top:3px; margin-bottom:3px; padding:3px; }
.targetcomment .commands, .concernscomment .commands { font-size: 0.9em; padding-top: 0.5em; text-align:right; clear: both; }
h1.status-0, h2.status-0, h3.status-0 { color: #00984b; }
h1.status-1, h2.status-1, h3.status-1 { color: #ff7e00; }
h1.status-2, h2.status-2, h3.status-2 { color: #ff0000; }
.concernstatus-0 { background-color:#68fbb1; }
.concernstatus-1 { background-color:#ffb164; }
.concernstatus-2 { background-color: #fd6e6e; }
/***** sfxmoodle/ilp.css end *****/


