/*
----------------------------------------------

File Name: CSS Discussion Boards
Developer: David Diez
Copyright: 2012
Website:   openintro.org


-----------------
Table of Contents
-----------------

Core Rules
Spacers
Standard
- Regular Structure
- Navigation
- Pop Up
Special Structures


-----------
Color Theme
-----------
Gray: rgb(158,165,172)
Dark Gray: rgb(107,115,123)
Yellow: rgb(244,220,0)
Blue: rgb(0,68,106)
Red: rgb(159,52,0)
Green: rgb(102,159,0)

----------------------
Important Measurements
----------------------
Max Content Width: 824px

Images at: img/buttons/discuss_002.png
----------------------------------------------
*/


/*_____ Initialization Page _____*/
#initDiscussBoardCourseTitle {
  position: absolute;
  top: 6px;
  left: 190px;
  height: 20px;
  line-height: 17px;
  font-size: 13px;
  text-transform: uppercase;
},


/*_____ Headers _____*/
#boardsHeader {
  padding: 30px 30px 15px 30px;
}
#courseTitle {
}
#boardsContent {
  margin: 15px 30px;
}



/*_____ Discussion Boards _____*/
.discBoards,
.discBoardsBottom {
  width: 764px;
  background: rgb(240,240,240);
}
.discBoards1,
.discBoards2,
.discBoards3,
.discBoardTopics {
  display: inline-block;
  margin: 0;
  padding: 4px 6px;
  vertical-align: baseline;
  background: rgb(240,240,240);
  font-size: 0.8em;
}
.discBoards1 {
  width: 492px;
  padding: 4px 14px;
  /*text-transform: uppercase;*/
}
.discBoards2 {
  width: 150px;
}
.discBoards3 {
  width: 70px;
}
.discBoardsHeader {
  font-family: "museo-slab", Helvetica, Arial;
  font-weight: 500;
  font-size: 9pt;
  line-height: 20px;
  height: 20px;
}
.backgroundTempGray {
  background: rgb(230,230,230);
}
.discTopicCenter {
  text-align: center;
}
.discTopicLink {
  
}
.discBoardTopics {
  display: block;
  padding: 1px 6px;
  background: rgb(255,255,255);
  font-size: 0.8em;
  margin-left: 8px;
}
.discBoardTopicTime {
  display: inline-block;
  min-width: 100px;
  margin-right: 12px;
}
.discBoardTopicsDiv {
  display: none;
}
.discBoardInfo:hover {
  cursor: pointer;
}
.discBoardsBottom {
  height: 4px;
}


/*_____ New Topic or Board Form _____*/
#createNewDiscussionForm,
#createNewBoardForm,
#renameBoardForm {
  margin: 10px 0;
  display: none;
}
#createNewDiscussionTitleDiv,
#createNewDiscussionDescDiv,
#createNewDiscussionSubmit,
#createNewBoardTitleDiv,
#createNewBoardDescDiv,
#createNewBoardSubmit,
#renameBoardSubmit {
  margin: 10px 0;
}
#createNewDiscussionTitle,
#createNewBoardTitle,
#renameBoardNewName {
  display: inline-block;
  clear: none;
  width: 500px;
  color: rgb(107,115,123);
}
#createNewDiscussionDesc,
#createNewBoardDesc {
  display: block;
  clear: none;
  width: 500px;
  height: 150px;
  color: rgb(107,115,123);
  padding: 2px;
}
#createNewBoardTitle,
#renameBoardNewName {
  width: 500px;
}



/*_____ Posts and Comments _____*/
.discTopicTitle {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10pt;
  line-height: 10pt;
  padding: 5px; /* Adjust JQuery Code as needed */
  /** /background-color: rgb(244,220,0);/**/
  color: rgb(107,115,123);
  border: 0 solid rgb(255,255,255);
  margin: 0 0 10px 4px;
  font-weight: bold;
}
.discComment,
.discCommentHL {
  border: 2px solid rgb(225,225,225);
  margin: 0 0 10px 0;
}
.discCommentHL {
  border: 2px solid rgb(244,220,0);
}
.discCommentHeader,
.discCommentHeaderHL {
  font-size: 0.9em;
  padding: 3px 7px;
  margin-bottom: 5px;
  background: rgb(225,225,225);
}
.discCommentHeaderHL {
  background: rgb(225,225,225);
}
.discCommentName {
  padding: 0 20px 0 0;
  /*color: rgb(0,68,106);*/
}
.discCommentTime {
  font-size: 0.9em;
  padding: 0 20px 0 0;
}
.discCommentModerator {
  font-size: 0.9em;
  border-bottom: 1px solid rgb(159,52,0);
  border-top: 1px solid rgb(159,52,0);
  padding: 0 2px;
  line-height: 1.4em;
}
.discCommentReply,
.discCommentDelete,
.discCommentUndelete,
.discCommentFlag,
.discCommentUnFlag,
.discCommentCleared,
.discCommentHighlight,
.discCommentRemoveHighlight,
.discCommentHighlightNote {
  font-size: 0.9em;
  float: right;
  color: rgb(0,68,106);
  margin-left: 20px;
}
.discCommentReply:hover,
.discCommentDelete:hover,
.discCommentFlag:hover,
.discCommentUnFlag:hover,
.discCommentUndelete:hover,
.discCommentHighlight:hover,
.discCommentRemoveHighlight:hover {
  cursor: pointer;
  color: rgb(107,115,123);
}
.discCommentHighlightNote {
  border-bottom: 2px solid rgb(244,220,0);
  border-top: 2px solid rgb(244,220,0);
  padding: 0 2px;
  line-height: 1.4em;
}
.discCommentContent {
  padding: 5px;
}
#addDiscComment {
  margin: 0 0 10px 0;
}



/*_____ Flag Content _____*/
#flagPostForm {
}
#flagPostExplanation,
#newBoardTopicField {
  width: 500px;
  padding: 4px;
  color: rgb(107,115,123);
}



/*_____ Content Curator Dashboard _____*/
.reviewPostBox,
.reviewPostBoxAttention,
.reviewPostBoxAlarm {
  display: block;
  border: 1px solid #BBB;
  padding: 3px;
  margin: 10px 0;
}
.reviewPostBoxAttention {
  border: 2px solid #FA2;
}
.reviewPostBoxAlarm {
  border: 2px solid #F22;
}
#makeABoardRequest,
.boards_topics_id_dismiss {
  color: rgb(0,68,106);
}
#makeABoardRequest:hover,
.boards_topics_id_dismiss:hover {
  cursor: pointer;
  color: rgb(107,115,123);
}
.boards_topics_id {
  display: block;
  padding: 3px 0;
}