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

File Name: CSS Foundation
Developer: David Diez
Copyright: 2011
Website:   openintro.org


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

Add Elements
- Title
- Labels
- Inputs
Announcements
Manage Course


-----------
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


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



/*=====> Add Elements <=====*/




/*=====> Add Elements - Title <=====*/
#algeAddElementTitle {
  background: url(../img/pallete/alge001.png);
}
#calcAddElementTitle {
  background: url(../img/pallete/calc001.png);
}
#mediAddElementTitle {
  background: url(../img/pallete/medi001.png);
}
#physAddElementTitle {
  background: url(../img/pallete/phys001.png);
}
#statAddElementTitle {
  background: url(../img/pallete/stat001.png);
}



/*=====> Add Elements - Labels <=====*/
#addElementTitleLabel,
#addElementPostLabel,
#addElementDueLabel,
#addElementAttemptsLabel,
#addElementTimeLabel,
#addElementTypeLabel,
#addElementPlaceLabel,
#addElementSubmit {
  display: block;
  clear: both;
  height: 15px;
  margin: 0 0 3px 0;
  background: url(../img/buttons/elements001.png);
}
#addElementTitleLabel {
  width: 37px;
  background-position: -6px -5px;
}
#addElementPostLabel {
  width: 203px;
  background-position: -7px -23px;
}
#addElementDueLabel {
  width: 115px;
  background-position: -61px -4px;
}
#addElementAttemptsLabel {
  width: 105px;
  background-position: -239px -6px;
}
#addElementTimeLabel {
  width: 78px;
  background-position: -282px -61px;
}
#addElementTypeLabel {
  width: 93px;
  background-position: -7px -44px;
}
#addElementPlaceLabel {
  width: 255px;
  background-position: -8px -169px;
}



/*=====> Add Elements - Inputs <=====*/
/* Text Input */
#addElementTitle,
#addElementPost,
#addElementDue,
#addElementPostQuiz,
#addElementDueQuiz,
#addElementTypeLink,
#addElementTypeUpload {
  display: block;
  clear: both;
  height: 18px;
  /*line-height: 18px;*/
  width: 250px;
  margin: 3px 10px 15px 0;
}
#addElementTitle {
  clear: left;
  float: left;
}
#addElementPost,
#addElementDue,
#addElementPostQuiz,
#addElementDueQuiz {
  clear: left;
  float: left;
  width: 125px;
}
#addElementTypeLink,
#addElementTypeUpload {
  height: 21px;
  /*line-height: 18px;*/
}
#addElementTypeLink {
  clear: none;
  float: left;
  margin: 3px 10px 4px 0;
}
#addElementPostText,
#addElementDueText {
  clear: right;
  float: left;
}

/* Select */
#addElementPostTime,
#addElementDueTime,
#addElementAttemptsSelect,
#addElementTimeSelect,
#addElementPlaceSelect {
  display: block;
  clear: both;
  height: 18px;
  width: 250px;
  margin: 3px 10px 15px 0;
}
#addElementPostTime,
#addElementDueTime {
  clear: right;
  float: left;
  width: 125px;
}
#addElementTitleCount,
#addElementTypeLinkCount {
  font-size: 12px;
  clear: right;
  float: left;
  line-height: 18px;
  height: 18px;
}

/* Radio or Checkbox */
.radioOptions {
  margin: 3px 0 5px 0;
}
.radioBox {
  display: inline-block;
  margin: 0 20px 0 0;
  clear: none;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
/*
.addElementType,
#addElementTypeQB,
.addElementPlace {
  display: inline-block;
  margin: 0 10px 0 0;
  clear: none;
  height: 18px;
  line-height: 18px;
}
/**/
.addElementType,
.addElementPlace,
#addElementTypeQB {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}
#addElementTypeLinkBox,
#addElementTypeUploadBox,
#addElementTypeQBBox,
#addElementTypeCurrentBox {
  height: 23px;
  line-height: 23px;
}
#addElementTypeUploadBox {
  height: 25px;
  line-height: 25px;
  padding: 1px 1px 2px 0;
}
#addElementTypeCurrentBox {
  font-size: 12px;
  padding: 2px 0 3px 0;
}
#addElementSubmit {
  width: 60px;
  border: none;
  background-position: -6px -200px;  
}
#addElementSubmit:hover,
#addElementSubmit:focus {
  background-position: -78px -200px;
  cursor: pointer;
}


/*=====> Errors <=====*/
#addElementTitleError,
#addElementPostError,
#addElementDueError,
#addElementTypeError {
  top: -10px;
  font-size: 12px;
}



/*=====> Manage Course <=====*/
.sectionsBox {
  display: inline-block;
  vertical-align: top;
  padding-left: 2px;
}
#leftSections,
#rightSections {
  margin: 5px 0 10px 0;
  padding: 0;
  list-style-type: none;
  width: 310px;
}
#leftSections li,
#rightSections li {
  display: inline-block;
  padding: 2px 2px 2px 0;
  width: 270px;
  height: 35px;
}
#leftSections div,
#rightSections div {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 10px;
  border: solid 1px black;
  background: url(../img/pallete/darkGray001.png);
  color: white;
}
#leftSections .sectionID,
#rightSections .sectionID {
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
  border: none;
  overflow: hidden;
}
.reenroll,
.remove,
.removePermanently {
  cursor: pointer;
}
.updateCourseAccess {
  display: block;
  margin: 5px 0;
}
#publicStudAccessFormRunBox {
  margin: 10px 0;
}
#provideTAViewHeader {
  background: url(../img/buttons/home001.png) -110px -367px;
  height: 19px;
  width: 110px;
  margin: 10px 0 15px 0;
}