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

File Name: General Pages
Developer: David Diez
Copyright: 2011
Website:   openintro.org


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

Add 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 Course <=====*/
#addCourseHeader {
  background: url(../img/buttons/home001.png) -150px -316px;
  height: 20px;
  width: 85px;
  margin: 10px 0 20px 0;
}
#addCourseTitleLabel,
#addCourseIDLabel,
#addCourseSubjectLabel,
#addCourseTimeZoneLabel,
#addCourseDescriptionLabel,
#requireStudentIDLabel,
#addCourseAccessCodeLabel {
  display: block;
  clear: both;
  height: 16px;
  width: 88px;
  background: url(../img/buttons/account001.png) -168px -2px;
}
#addCourseIDLabel {
  width: 67px;
  background-position: -2px -2px;
}
#addCourseSubjectLabel {
  width: 63px;
  background-position: -3px -139px;
}
#addCourseTimeZoneLabel {
  width: 69px;
  background-position: -4px -123px;
}
#addCourseDescriptionLabel {
  width: 132px;
  background-position: -81px -131px;
}
#requireStudentIDLabel {
  display: inline-block;
  width: 138px;
  background-position: -67px -149px;
  clear: none;
  margin-left: 5px;
}
#addCourseAccessCodeLabel {
  width: 82px;
  background-position: -75px -1px;
}
#addCourseTitle,
#addCourseID,
#addCourseSubject,
#addCourseTimeZone,
#addCourseDescription,
#addCourseAccessCode,
#studentID {
  display: block;
  clear: left;
  float: left;
  width: 250px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 20px 0;
}
#addCourseID,
#addCourseAccessCode {
  width: 125px;
}
#addCourseSubject,
#addCourseTimeZone {
  clear: both;
}
#addCourseDescription {
  width: 494px;
  height: 72px;
  padding: 3px;
  line-height: 16px;
}
#addCourseSubmit {
  display: block;
  clear: both;
  height: 20px;
  width: 50px;
  background: rgb(200,200,225);
  border: none;
  cursor: pointer;
}
#addCourseSubmit:hover,
#addCourseSubmit:focus {
  background: rgb(150,150,185);
}
#addCourseTitleCount,
#addCourseIDCount,
#addCourseDescriptionCount,
#addCourseAccessCodeCount,
#studentIDCount {
  display: block;
  position: relative;
  clear: right;
  float: left;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 20px 10px;
}
#addCourseDescriptionCount {
  top: 54px;
}
#addCourseTitleError,
#addCourseIDError,
#addCourseDescriptionError,
#addCourseAccessCodeError,
#studentIDError {
  top: -15px;
  font-size: 12px;
}