/**************************************
 * THEME NAME: niche
 *
 * Files included in this sheet:
 *
 *   niche/constants.css
 *   niche/styles_layout.css
 *   niche/styles_fonts.css
 *   niche/styles_color.css
 **************************************/

/***** niche/constants.css start *****/

/***** niche/constants.css end *****/

/***** niche/styles_layout.css start *****/

body {
    margin: 0px;
    padding: 0px;
}

div#header,
div#header-home {
    height: 100px;
    background-image: url(header_slice.png);
    background-repeat: repeat-y;
	overflow: hidden;
}

div#header-niche-name {
    width: 496px;
    float: left;
}

div#header-niche-knowledge {
    height: 100px;
    float: right;
}

div#navbar .navbar {
    padding-bottom: 0px;
    float: bottom;
}

div#navbar .navbar .breadcrumb {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div#navbar .navbar .navbutton {
    margin-top: 0px;
    margin-bottom: 3px;
}

div#navbar .navbar .navbutton .singlebutton {
    padding-right: 3px;
}

div#page #content{
    padding: 8px 8px 0 8px;
}
div#footer {
    border: none;
    border-top: 1px solid;
}

div#footer div.logininfo {
    padding: 5px;
}

/* CS */

.coursefilterbox .tabrow0 {
    padding-bottom: 0px;
    text-align:left;
}

.coursefilterbox .tabrow0 .empty {
    display: none;
}

.tabrow0 .tabrow1 a,
.tabrow0 .tabrow1 a span {
    background-image: none;
}


table#coursefilter,
table#coursefilter td,
table#coursefilter th { 
    border: 0px none; 
}

table#coursefilter { 
    width: 100%; 
    border-bottom: 10px solid; 
}

table#coursefilter td { 
    padding: 5px; 
}

table#coursefilter th { 
    padding: 7px; 
    text-align: left; 
    border-bottom: 3px solid; 
}

div.coursefilterbox { 
    border: 0 none; 
}

ul.coursefiltertabs {
    list-style-type: none;
    text-align: left;
    list-style-type: none;
    margin: 1em 0 0 0;
    padding: 3px 10px;
    text-align: left;
    border-bottom: 1px solid;
}

ul.coursefiltertabs li {
    display: inline;
    margin: 0 .25em 0 0;
}

ul.coursefiltertabs li a {
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin-right: 0;
    padding: 3px 4px;
}

ul.coursefiltertabs li.activetab a {
    padding-top: 4px;
    position: relative;
    top: 1px;
}

div.coursefilterbox div.coursefiltercontainer {
	overflow: auto;
}
 
div.coursefilterbox div.tabtree {
	margin-top: .5em;
}
 
div.coursefilterbox div.nofiltercourses {
	border-top: solid 3px;
	padding: 1em;
}

table#secondsbreakdown .totalrow {
    font-weight: bold;
}

.categorybox .summary,
.coursebox .summary {
  padding:5px;
  float: none;
  text-align: left;
  width: auto;
}

.category .info,
.coursebox .info {
  padding:5px;
  float: none;
  text-align: left;
  width: auto;
}

.categorybox,
.coursebox {
  margin-bottom: 15px;
  border-width: 1px;
  border-style: solid;
}

div.categorybox {
	background-image: url(categorybox_grad.png);
	background-repeat: repeat-x;
	background-position: top left;
}

div.coursebox {
	background-image: url(coursebox_grad.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.categorybox .info,
.coursebox .info,
.coursebox .summary {
	float: none;
	width: auto;
}

.categorybox .info,
.coursebox .info {
	margin: .75em .75em 0 .75em;
	padding: 0;
}

.categorybox .summary, 
.coursebox .summary {
	margin: 0 .75em;
	padding: 0;
}

.coursebox .summary p {
	margin: 0 0 1em 0;
}

.coursebox .summaryandpicture {
	margin: .75em .75em 0 .75em;
}

.coursebox .summaryandpicture .picture {
	margin: 0 .75em 0 0;
}

.coursebox .summaryandpicture .summary {
	margin: 0;
	padding: 0;
}

.categorybox .controls,
.coursebox .controls {
	margin: 0 .75em .75em .75em;
	overflow: auto;
	clear: both;
	height: auto;
}

.categorybox .controls .entercategory,
.coursebox .controls .entercourse {
	float: right;
	margin: 0 1px 0 0;
}

.grade-report-grader table#user-grades tr.heading th.header {
	border-width: 1px 1px 1px 0;
	border-style: solid;
}

.grade-report-grader table#user-grades th.category,
.grade-report-grader table#user-grades th.item,
.grade-report-grader table#user-grades th.categoryitem,
.grade-report-grader table#user-grades th.courseitem {
	padding: .5em;
}

.grade-report-grader table#user-grades th.user {
	vertical-align: middle;
}

.grade-report-grader table#user-grades div.userpic {
	float: none;
}

.grade-report-grader table#user-grades img.iconsmall { 
	margin: 0 .5em;
}

.grade-report-grader table#user-grades div.userpic img {
	border: 0 none;
	padding: .25em;
}

.grade-report-grader table#user-grades th.userreport,
.grade-report-grader table#user-grades th.useridnumber,
.grade-report-grader table#user-grades th.usertime {
	border-width: 0 1px 1px 0;
	border-style: solid;
}

.datefilters label {
	width: 120px;
}/***** niche/styles_layout.css end *****/

/***** niche/styles_fonts.css start *****/

td#left-column div.sideblock div.header,
td#right-column div.sideblock div.header,
td#left-column div.sideblock div.header h2,
td#right-column div.sideblock div.header h2 {
	font-weight: normal;
	font-size: 14px;
}

div#navbar ul > li,
div#navbar ul > li a {
    font-size: 12px;
    font-weight: bold; 
}

div#navbar ul > li + li,
div#navbar ul > li + li a {
    font-size: 13px;
    font-weight: bold; 
}

div#navbar ul > li + li + li,
div#navbar ul > li + li + li a {
    font-size: 14.5px;
    font-weight: bold; 
}

div#navbar ul > li + li + li + *,
div#navbar ul > li + li + li + * a {
    font-size: 16px;
    font-weight: bold; 
}
/***
 *** Tabs
 ***/

.tabrow0 .here a {
	font-weight: bold;
}

/***
 *** Course Filter
 ***/

div.coursefilterbox div.nofiltercourses {
	font-style: italic;
}

div#footer div.logininfo {
    font-size: 13.5px;
}

div#footer div#customfootertext {
    font-size: 12px;
    padding-bottom: 3px;
}/***** niche/styles_fonts.css end *****/

/***** niche/styles_color.css start *****/

body {
    background-color: #FFF;
}
    
div#header {
    background-color: #FFF;
}

div#navbar,
div#navbar a {
    background-color: #7c7c7c;
    color: #060606;
}
div#navbar ul li span.arrow.sep {
    color: #060606;
}

div#navbar ul li:last-child span.arrow.sep,
div#navbar ul li:last-child,
div#navbar ul li:last-child a {
    color: #fff;
}
div#navbar .navbar {
    border-color: #7c7c7c;
}

div#header-home + div#navbar {
    border-color: transparent;
    background-color: transparent;
}

div#footer {
    background-color: #664a9e;
    border-color: #664a9e;
    color: #FFFDFD;
}

div#footer a, div#footer a:link,
div#footer a:visited, div#footer a:active {
    color: #FFFDFD;
}
/***** niche/styles_color.css end *****/