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

/***** nsg/styles_layout.css start *****/

/** General stuff */
hr {
	height: 0px;
	border: none;
	width: 100%;
}

img {
	border: none;
}

h2.main {
	font-size: 12px;
}

p {
	margin: 0px ! important;
	margin-bottom: 10px ! important;
}

/** Main layout **/
html {
	min-height: 100.1%;
}

body {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div#site {
	background: url("tplpix/background.png") center repeat-y;
	width: 1000px;
	margin: auto;
}

div#sitecontent {
	padding-bottom: 20px;
	padding: 12px;
	position: relative;
}

div#sitefooter {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	background: url("tplpix/backgroundfooter.png") center repeat-y;
}

div#sitefooter div#loggedinas {
	float: right;
}

div#sitefooter div#loggedinas {
	color: rgb(65,65,65);
	font-size: 11px;
}

div#sitefooter div#loggedinas a {
	color: rgb(65,65,65);
}

div#sitefooter div#loggedinas a:hover {
	color: black;
}

img.logo {
	margin: 0px;
}

div#sitecontent table {
	text-align: left;
}

div#sitecontent table#layout-table {
	width: 1000px;
	margin: none ! important;
}

/** Header */
div#site div#siteheader {
	background: url("tplpix/header.png") center top no-repeat;
	height: 100px;
	text-align: left;
	position: relative;
}

div#site #linkhome span, div#site #linknsg span {
	display: none;
}

div#site #linkhome {
	position: absolute;
	left: 74px;
	top: 35px;
	width: 82px;
	height: 35px;
}

div#site #linknsg {
	position: absolute;
	right: 1px;
	top: 0px;
	width: 72px;
	height: 70px;
}


div#sitepopup div#siteheader {
	background: rgb(110,110,110);
	height: 28px;
	position: relative;
	text-align: left;
}

div#sitepopup #linkhome, div#sitepopup #linknsg {
	display: none;
}

div#siteheader div.breadcrumb {
	position: absolute;
	left: 12px;
	bottom: 6px;
}

div#siteheader div.navbutton {
	position: absolute;
	right: 12px;
	bottom: 2px;
}

div#siteheader div.navbutton form {
	display: inline;
}

div#siteheader div.navbutton form div {
	float: left;
}

div#siteheader div.navbutton input {
	font-size: 10px;
	margin-left: 5px;
}

div#siteheader div.headermenu {
	position: absolute;
	left: 206px;
	top: 15px;
	color: rgb(65,65,65);
	font-size: 11px;
}

div#siteheader div.headermenu select, div#siteheader div.headermenu input {
	font-size: 10px;
}

div#siteheader div.headermenu a {
	color: rgb(65,65,65);
}

div#siteheader div.headermenu a:hover {
	color: black;
}

/** Breadcrumb */
div.breadcrumb h2 {
	display: none;
}

div.breadcrumb ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.breadcrumb ul li {
	display: inline;
	font-size: 11px;
}

div.breadcrumb ul li, div.breadcrumb ul li a {
	color: white;
	text-decoration: none;
}

/** Blocks and tables **/
div.sideblock {
	margin: 0px;
	margin-bottom: 10px;
	padding: 4px;
	width: auto;
}

div.sideblock .content, div.sideblock .header {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

div.sideblock .list .c0 {
  padding: 0px;
}

div.sideblock h2 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

div.sideblock a {
	text-decoration: none;
}

div.sideblock ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.sideblock ul li {
	margin: 0px;
	padding: 0px;
}

table#layout-table {
	width: 976px ! important;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

table#layout-table td {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

table.topics td.spacer {
	height: 10px ! important;
}

table#layout-table td#left-column, table#layout-table td#right-column, table#layout-table td#middle-column {
	padding: 6px;
}

table#layout-table td#left-column {
	padding-left: 0px;
}

table#layout-table td#right-column {
	padding-right: 0px;
}

span.accesshide {
	display: none;
}

table.sitetopic {
	margin-top: 1px;
	padding: 0px;
}

.generalbox, table.loginbox .content, table.coursebox, .headingblock, h2.headingblock, table.userinfobox,
		table.errorbox {
	margin: 0px;
	margin-bottom: 10px; 
}

.sitetopiccontent, table.generalbox, div.generalbox, table.loginbox .content, table.coursebox, .headingblock, h2.headingblock, table.userinfobox,
		table.errorbox {
	padding: 4px ! important;
}
	
table.translator td, table.translator th {
	padding: 4px ! important;
}

.sitetopiccontent, .generalboxcontent, .courseboxcontent, .categoryboxcontent, .userinfobox td.content, .userinfobox td.side {
	padding: 15px ! important;
}

div#site table.generalbox, div#site table.coursebox, div#site div.loginbox, 
		div#site table.userinfobox, div#site table.errorbox, div#site table.submissions, div#site table.glossarydisplay,
		div.entrybox, div.glossarydisplay {
	width: 976px ! important;
	left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.boxwidthwide {
	width: auto;
}

.boxwidthnormal {
	width: auto;
}

#notice.generalbox {
	width: auto;
}

table.generaltable {
	width: 100%;
}

table.generaltable td {
	padding: 3px ! important;
}

div.categorybox {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#sitepopup table.generalbox {
	width: 100%;
}

table.generalbox table.generalbox, table.generalbox table.generaltable, div#sitecontent fieldset .generaltable {
	width: 100% ! important;
}

div#site table.tabs {
	width: 976px ! important;
}

div.section {
	width: 966px ! important;
	left: 0px ! important;
	margin: 0px ! important;
	padding: 4px ! important;
	margin-bottom: 10px ! important;
	padding-top: 10px ! important;
}

table.logtable {
	width: 976px ! important;
}

table.glossarydisplay td.entryboxheader {
	border: 0px;
}

table.glossarydisplay td.entrybox, table.glossarypost {
	border: 1px solid rgb(150,150,150);
	padding: 4px;
	margin: 0px;
	background: white;
	margin-bottom: 10px; 
}

table.errorbox td {
	text-align: center;
	padding: 4px;
}

table.forumpost {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 10px;
}

table.forumpost td {
	padding: 3px ! important;
}

table.forumheaderlist {
	 border-collapse: collapse;
	 margin-top: 5px;
}

table.forumheaderlist td, table.forumheaderlist th {
	padding: 2px;
	padding-left: 3px;
}

body#files-index table {
	width: 970px ! important;
}

body#files-index table table {
	width: auto;
}

body#files-index table hr {
	display: none;
}

table#layout-table table.generalbox {
	width: auto ! important;
}

.mform {
	width: auto ! important;
}

/** Calendar */
.cal_popup_bg {
	border: 1px solid rgb(150,150,150) ! important;
	padding: 20px ! important;
}

.cal_popup_fg {
	padding: 2px ! important;
}

.cal_popup_caption {
	padding: 2px;
}

table.minicalendar {
	border-width:0px;
	margin-top: 0px;
	border-collapse: separate;
	border-spacing: 0px !important;
}

#calendar .event_global, #calendar .event_course, #calendar .event_group, #calendar .event_user, 
	.minicalendar .event_global, .minicalendar .event_course, .minicalendar .event_group, .minicalendar .event_user {
  border: 1px solid ! important;
}

#calendar .duration_global, #calendar .duration_course, #calendar .duration_group, #calendar .duration_user,
	.minicalendar .duration_global, .minicalendar .duration_course, .minicalendar .duration_group, .minicalendar .duration_user {
  border-top: 1px solid ! important;
  border-bottom: 1px solid ! important;
}

table.minicalendar th {
  padding: 2px;
}

/** Grades **/
body#grade-index .grades {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    width: 976px ! important;
}
body#grade-index .grades th {
    border-width: 1px;
    border-style: solid;
}

body#grade-index .grades td {
    border-width: 0px;
    padding: 1px;
    padding-top: 1px;
    padding-bottom: 3px;
}

/** Various **/
li img.userpicture {
	margin-bottom: 0px ! important;
	vertical-align: bottom ! important;
}

/** Admin **/
#adminsettings .form-label {
  width: 200px;
}

#adminsettings .form-setting, #adminsettings .form-description {
  margin-left: 210px;
}

/** Quiz **/
div.que {
	width: 970px ! important;
}

.que .content {
  width: 80%;
  margin-left: 20px;
}

/** Fix voor een IE bug, welke ervoor zorgt dat de hele pagina niet wordt
	weergegeven... */
#mod-forum-view .subscription, #mod-forum-view .forumcontrol .subscription, 
		#mod-forum-index .subscription, #mod-glossary-view .glossarycontrol {
	float: none;
}

/** Glossary **/
.glossarypost {
  width: 900px;
  margin-left: 20px ! important;
}
/***** nsg/styles_layout.css end *****/

/***** nsg/styles_fonts.css start *****/

/** Override some default fonts **/

/** Common **/
* {
	font-family: verdana, trebuchet, arial, sans-seris;
}

body, li, td, th {
	font-size: 12px;
}

input, select {
	font-size: 11px;
}
 
h2 {
	font-size: 14px;
}

input {
	padding-left: 2px;
}

/** Main layout **/
div.breadcrumb ul li a {
	font-weight: bold;
}

div.sideblock, div.sideblock a, div.sideblock font {
	font-size: 11px ! important;
}

/** Calendar **/
#calendar .sidecalendar abbr, .block_calendar_month abbr {
  border: none;
}

table.minicalendar a, table#calendar a {
	text-decoration: none;
}

table.minicalendar * {
	font-size: 11px;
}

.cal_popup_caption {
	font-weight:bold;
}

table.event td.topic a {
	text-decoration: none;
}

ul.events-underway li, ul.events-new li {
	font-size: 11px;
}


/** tables **/
table.topics a {
	text-decoration: none;
}

table.logtable th a, table.generaltable th a, table.submissions th a {
	text-decoration: none;
}

table.submissions th, table.submissions td {
	font-size: 12px ! important;
}

table#user-grades td, table#user-grades th {
	font-size: 9px;
}

body#grade-index table.grades td {
	font-size: 9px;
}

body#grade-index table.grades th {
	font-size: 9px;
}

body#grade-index table.grades th a {
	font-weight: normal;
	font-size: 9px;
}

table.logtable td, table.logtable th {
	font-size: 9px;
	padding: 2px;
	padding-left: 3px;
}

table.logtable td a {
	text-decoration: none;
}

table.forumpost div.link a, table.forumpost div.commands a, table.forumpost div.footer a {
	text-decoration: none;
}

table.forumpost div.commands a:hover, table.forumpost div.footer a:hover {
	text-decoration: underline;
}

table#attempts td, table#attempts th {
	font-size: 9px ! important;
	padding: 1px ! important;
}

div.commands {
	display: block;
}

/** Forum **/
table.forumpost tr.header td a {
	text-decoration: none;
}

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c3,
#admin-roles-assign .cell.c1 {
  font-size: 1em;
}
/***** nsg/styles_fonts.css end *****/

/***** nsg/styles_color.css start *****/

/** Common **/
a {
	color: #336699;
}

hr {
	border-bottom: 1px solid rgb(150,150,150);
}

/** Blocks **/
div.sideblock {
	border: 1px solid rgb(150,150,150);
	background: white;
}

div.sideblock h2, div.sideblock a {
	color: #336699;
}

/** Tabs **/
.tablink {
	font-size: 11px ! important;
}

.tablink a {
	color: #336699;
	text-decoration: none;
}

.selected .tablink a {
	color: #336699;
}
.tabs .side,
.tabrow td {
	border-color: #AAAAAA;
}
.tabrow td {
	background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
	background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
	background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
	background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last {
	background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
	background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
	font-weight: bold;
	background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
	background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
	background-image:url(pix/tab/right_active_hover.gif);
}

div.tabtree .tabrow1 li a {
	color: #336699;
}

div.tabtree .tabrow1 li.selected a {
	color: #000000;
}

/** Calender **/
.maincalendar, .sidecalendar {
	background-color: white;
}

#calendar .weekend, .minicalendar .weekend, .minicalendar .weekend a, #calendar .weekend a {
	color: rgb(243,103,33);
}

#calendar .today, .minicalendar .today {
	border-color: rgb(150,150,150);
}

#calendar th, .minicalendar th {
  border-bottom: 1px solid rgb(65,65,65) ! important;
}

.cal_popup_fg {
	background-color: #FFFFFF;
}

.cal_popup_bg {
	border-color: #000000;
	background-color: #FFFFFF;
}

#calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global,
	#calendar .event_global a, .minicalendar .event_global a, .block_calendar_month .event_global a {
	border-color: rgb(220,220,220) ! important;
	background-color: rgb(220,220,220);
	color: black;
}

#calendar .event_course, .minicalendar .event_course, .block_calendar_month .event_course,
	#calendar .event_course a, .minicalendar .event_course a, .block_calendar_month .event_course a {
	border-color: rgb(255,196,155) ! important;
	background-color: rgb(255,196,155);
	color: black;
}

#calendar .event_group, .minicalendar .event_group, .block_calendar_month .event_group,
	#calendar .event_group a, .minicalendar .event_group a, .block_calendar_month .event_group a {
	border-color: rgb(111,111,111) ! important;
	background-color: rgb(111,111,111);
	color: white;
}

#calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user,
	#calendar .event_user a, .minicalendar .event_user a, .block_calendar_month .event_user a {
	border-color: rgb(255,104,0) ! important;
	background-color: rgb(255,104,0);
	color: white;
}

#calendar .duration_global, .minicalendar .duration_global {
	border-top-color: rgb(220,220,220) !important;
	border-bottom-color: rgb(220,220,220) !important;
}

#calendar .duration_course, .minicalendar .duration_course {
	border-top-color: rgb(253,248,239) !important;
	border-bottom-color: rgb(253,248,239) !important;
}

#calendar .duration_group, .minicalendar .duration_group {
	border-top-color: rgb(255,196,155) !important;
	border-bottom-color: rgb(255,196,155) !important;
}

#calendar .duration_user, .minicalendar .duration_user {
	border-top-color: rgb(255,104,0) !important;
	border-bottom-color: rgb(255,104,0) !important;
}

tr.weekdays th {
	border-bottom: 2px solid black;
}
/** Tables **/
table.generaltable, table.logtable, table.submissions {
	border: 1px solid rgb(150,150,150);
}

table.submissions td, table.submissions th, table.logtable td, table.logtable th, table.generaltable td, table.generaltable th {
	border: 1px solid rgb(150,150,150) ! important;
	background: white;
}

table.generaltable div.tabledivider {
	height: 16px;
	border-bottom: 0px;
}

table.logtable th, table.generaltable th, table.submissions th {
	background: rgb(220,220,220) ! important;
}

.coursebox, .courseboxes, .sitetopic, .generalbox, table.loginbox .content, table.coursebox, .headingblock, h2.headingblock, table.userinfobox,
		table.topics td.content, table.topics td.left, table.topics td.right, div.section, table.errorbox,
		table.forumpost, table.categorybox .categoryboxcontent, table.forumheaderlist, body#files-index table table, div#sitecontent fieldset,
		div.categorybox, div.loginbox, table.translator, div.entrybox {
	border: 1px solid rgb(150,150,150)	! important;
	background: white ! important;
}

.sitetopiccontent, .courseboxcontent {
	border: 0px;
}

table.generaltable td, table.generaltable th {
	border: 1px solid rgb(150,150,150);
	background: white;
}

table.event {
	border: 1px solid rgb(150,150,150);
}

table.event td.topic, table.forumpost tr.header td {
	 background: rgb(220,220,220);
}

table.forumpost tr.header td.left {
	 background: white;
}

table.forumpost td.topic, table.event td.topic {
	border-bottom: 1px solid rgb(150,150,150) ! important;
	border-left: 1px solid rgb(150,150,150) ! important;
}

table.forumheaderlist td {
	border: 1px solid	rgb(150,150,150);
}

table.forumheaderlist th {
	background: rgb(220,220,220);
}

table.forumheaderlist td.picture {
	border-right: 0px;
}

table.forumheaderlist td.author {
	border-left: 0px;
}

body#files-index table th {
	border: 1px solid	rgb(150,150,150);
	background: rgb(220,220,220);
}

/** Grades **/
body#grade-index .grades {
	border-color: #999999;
}

body#grade-index .grades th {
		background: rgb(220,220,220);
		border-color: rgb(150,150,150);
}

body#grade-index .grades td {
	border-color: #FFFFFF;
}

body#grade-index .grades .r0 {
	background-color: white;
}

body#grade-index .grades .r1 {
	background-color: rgb(244,244,244);
}

table.topics tr.current td {
	background-color: rgb(255,240,215) ! important;
}

table.topics tr.hidden td {
	background-color: rgb(240,240,240) ! important;
}

/** Quizz **/
div.que {
	border: 1px solid rgb(150,150,150)	! important;
	background: white ! important;
}
/***** nsg/styles_color.css end *****/