/**************************************
 * THEME NAME: 4n6_black
 *
 * Files included in this sheet:
 *
 *   4n6_black/styles_color.css
 **************************************/

/***** 4n6_black/styles_color.css start *****/

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

/** First of all, we reset some undesired styles from standard **/
.forumheaderlist .discussion .starter,
.forumpost .starter,
#grade-index table .generaltableheader,
#grade-index table .generalboxcontent,
#grade-exceptions table .generaltableheader,
#grade-exceptions table .generalboxcontent,
#mod-forum-view table.forumheaderlist td,
#mod-assignment-submissions table.submissions th,
#mod-assignment-submissions table.submissions td,
#course-view .section td,
#course-view .section .side,
#course-view .section .left,
#course-view .section .content {
    border:none;
    background:none;
}

/** General HTML tags defined here **/

TD P{
  color: #FFFFFF;
}

.main {
  color: #FFFFFF;
}

body {
    background-color: #000000;
	color: #FFFFFF;
}

table {
    border:none;
    collapse:separate;
}

div, .loginbox, .content left {
    color:#333333;
}

hr {
    border-top-color:#330000;
}

input, select, textarea {
  border: 2px ridge #FFFFFF;
}

input[type="text"]{
  background-color: #FFFFFF;
  padding: 2pt;
}

input[type="submit"] { /* den Submit-Button */
  float: none;
  width: auto;
  background-color: #CCCCCC;  
  padding: 1pt;
}

.breadcrumb, .navbar {
  border-color: #000000;
}

.footer.A {
  background-color: #000000; 
  color: #FFFFFF; 
}

.header.topic, .header.author, .header.replies, .header.lastpost {
  color: #666666; 
}


/** Links defined here **/

.tablink a:link,
.tablink a:visited,
a:link,
a:visited {
    color:#003399;
}

a.autolink:link,
a.autolink:visited {
  background: #99FFCC;
}

/** All the tabs stuff starts here **/

.tabs .r0,
.tabs .r1 {
    background:none;
}

.tabs .side,
.tabrow td {
  border-color: #DDDDDD;
}
.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 {
  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);
}

/** Styles to have the blocks showed and hidden properly **/

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

.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{
  border: 0px;
  background-image:  url(note_top_side.gif);
  background-position:right top;
  height:50px;
  background-color: #DDDDDD;
  background-repeat:no-repeat; 
}

.title {
  position:relative;
  top:30px;
  color: #666666;
}

th.header,
td.header,
div.header,
.forumpost,
.navbar {
	background-color: #333333;
	color: #DDDDDD;
}

th.header A,
td.header A,
div.header A,
.forumpost A,
.navbar A{
	color: #FFFFFF;
}

.c1, .c0 {
	background-color: #DDDDDD;
}

/** Places using the horizontal medium wood texture without borders **/

#mod-chat-gui_header_js-chatinput,
.forumpost .header,
#mod-forum-view table.forumheaderlist th,
.glossarypost .entryheader,
.glossarycomment .entryheader,
.glossarypost .entryattachment,
#grade-index .header,
#grade-exceptions .header,
#calendar .maincalendar .eventlist .event .topic,
.required {
	background-color: #DDDDDD;
}

/** Places using the vertical white wood texture with borders **/

.results,
.loginbox .content,
.loginbox .content left,
.loginbox .content TD,
.loginbox .content P,
.loginbox .content FORM,
.generalboxcontent,
.noticeboxcontent,
.entryboxheader,
.entrybox,
.userinfobox,
#course-user .section, 
#calendar .maincalendar .filters table,
#calendar .sidecalendar,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table,
#calendar .maincalendar .minicalendar,
#calendar .sidecalendar .minicalendar,
.block_calendar_month .minicalendar,
#calendar .maincalendar .eventlist .event,
#calendar .maincalendar,
.generalbox,
.generalbox P,
.courseboxcontent,
.cal_popup_fg {
    border:1px solid #DDDDDD;
    background-color:#DDDDDD;
    color: #333333;
}

body, td, th, li {
  color: #333333;
}

.sitetopiccontent{
    background-color:#000000;
    border: 0px;
}


.sideblock .content {
    border:0px;
    background-color: #DDDDDD;
    background-image:  url(note_bottom_side.gif);
    padding-bottom: 20pt;
    background-position:bottom left;
    background-repeat:repeat-x;
}

.sideblock .r1 {
    background-color:#DDDDDD;
    border:none;
}

/** Places using the vertical white wood texture without borders **/

#mod-chat-gui_header_js-users,
admin-index .c1,
admin-config .c1,
#course-view .section .content,
#grade-index .generaltableheader,
#grade-index .generalboxcontent,
#grade-exceptions .generaltableheader,
#grade-exceptions .generalboxcontent,
.forumpost .left,
.r0 {
    background-color:#DDDDDD;
    border:none;
}

/** Places using the vertical medium wood texture without borders **/

#course-view .section .side,
.glossarypost .left,
.glossarycomment .left,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
    background-color:#aaaaaa;
    border:none;
}

/** Places using the horizontal dark wood texture with borders **/

.cal_popup_bg {
    border-top:1px solid #FFCC99;
    border-left:1px solid #FFCC99;
    border-bottom:1px solid #330000;
    border-right:1px solid #330000;
    background-image:  url(background.jpg);
    background-position:bottom;
    background-repeat:repeat-x repeat-y;
}

/** Places using the horizontal dark wood texture without borders **/

#admin-index .c0,
#admin-config .c0,
.categoryheader {
    background-image:  url(background.jpg);
    background-position:bottom;
    background-repeat:repeat-x repeat-y;
    border:none;
}

.categoryboxcontent,
.courseboxcontent {
  border-color: #000000;
  background-color:white;
}

th.header,
td.header,
div.header {
  border-color:#000000;
}

.categorybox .category,
.categorybox .category {
  font-size:0.9em;
  font-weight:bold;
}

/** Places using a white background **/

#mod-survey-view table tr.r1,
.r1,
#calendar .maincalendar .eventlist .event .description,
.glossarypost .entry,
.glossarycomment .entry,
.glossarypost .entrylowersection {
    background-color:white;
    border:none;
}

/** Places using a green border **/

.unread {
    border-top:1px solid #99FF99;
    border-left:1px solid #99FF99;
    border-bottom:1px solid #99FF99;
    border-right:1px solid #99FF99;
    border-collapse: separate;
}

/** Places using an standard border **/

.read,
.forumheaderlist,
.glossarypost,
.glossarycomment,
#mod-assignment-submissions .submissions,
#mod-forum-view .forumheaderlist,
#course-view .section.main {
    border-top:1px solid #FFCC99;
    border-left:1px solid #FFCC99;
    border-bottom:1px solid #330000;
    border-right:1px solid #330000;
    border-collapse: separate;
}

.headercenter {
  float:center;
  align:center;
}

.list {
  padding-right: 20px;
  margin-right: 20;
}

.content.list, .label.c0, .info.c1 {
  background-color: #DDDDDD;
}

.label.c0, th {
  color: #666666;
  font-weight: bold;
}

hr {
 color: #666666;
 background-color: #FFFFFF;
 height: 1px;
}

.headermenu, .header-home {
  align: left;
  text-align: left;
}

.info, .courseboxcontent {
  font-size:10pt;
}

.summary {
  width: 70%;
}

.info {
  padding-top: 10pt;
  width: 30%;
}

.navbar A {
  color: #FFFFFF;
}

TD#right-column, TD#left-column {
  padding: 5pt;
}

.headermain, .logininfo {
  float:none;
  color: #DDDDDD;
  font-size: 9pt;
  font-weight: normal;
}

.headermain A {
  color: #FF0000;
}


.category name, .categorybox, .categoryboxcontent {
	background-color: #DDDDDD;
}

.dimmed_text {
  color: #999999;
}

.MsoNormal {
  color: #999999;
}
/***** 4n6_black/styles_color.css end *****/