/* --------- /stylesheets/teascript.css --------- */ 
a:link { color: #007099 }
a:visited { color: #007099 }
a:active { color: #007099 }

body {
  background-color: #87AEC5;
  background-image: url(/images/gradient.gif);
  background-repeat: repeat-x;
  margin: 0px;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a img {
  border: none;
}

.header {
  font-size: 24px;
  font-weight: bold;
}

.subheader {
  font-size: 18px;
  font-weight: bold;
}

.group_by_header {
  background: #BBBBBB;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.data_box_header {
  background: #FFCC66;
  padding: 5px;
  font-weight: bold;
  font-size: 14px;
}

.data_box_subheader {
  background: #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 12px;
}

.transcript_title {
  font-size: 20px;
  font-weight: bold;
}

.information {
  font-size: 10px;
  color: gray;
}

.movable {
  cursor: move;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 500px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  padding-top: 12px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.paragraph {
  padding-top: 20px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.lightGreenBox {
  text-align: center;
  margin-left: auto;
  margin-right: auto; 
  width: 400px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: #99FF99;
}

.help_box {
  position: absolute;
  width: 500px;
  font-weight: normal;
  font-size: 13px;
  z-index: 9999;
  background: white;
  border: black 1px solid;
}

.pricing_description_column {
  float: left;
  width: 250px;
  text-align: right;
}

.pricing_plus_column {
  float: left;
  width: 100px;
  text-align: center;
  border-left: gray 1px solid;
}

.pricing_basic_column {
  float: left;
  width: 100px;
  text-align: center;
}

.pricing_chart {
  width: 460px;
}

.pricing_body {
  border: gray 1px solid;
}

.pricing_plus_column {
}

.bold {
  font-weight: bold;
}

.plan_name {
  font-size: 16px;
  font-weight: bold;
}

.plan_price {
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.plan_signup {
  font-size: 12px;
}

.course_name_column {
  float: left;
  position: relative;
  width: 475px;
  padding-left: 15px;
}

.group_by_header .course_name_column {
  padding-left: 0px;
}

.course_credits_column {
  float: left;
  position: relative;
  width: 75px;
}

.group_by_header .course_credits_column {
  font-size: 10px;
}

.course_grade_column {
  float: left;
  position: relative;
}

.group_by_header .course_grade_column {
  font-size: 10px;
}

.exam_name_column {
  float: left;
  position: relative;
  width: 160px;
}

.exam_date_column {
  float: left;
  position: relative;
  width: 150px;
}

.exam_score_column {
  position: relative;
  float: left;
}

.edit_column {
  float: right;
  position: relative;
  text-align: center;
  padding-right: 5px;
}

.delete_column {
  float: right;
  position: relative;
  text-align: center;
}

form {
  margin: 0px;
  padding: 0px;
}

.header_div {
  padding-top: 15px;
}

.main_div {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  width: 686px;
  background: #ffffff;
  border: black 2px solid;
  border-top: none;
  border-bottom: none;
  text-align: left;
}

* html .main_div {
  width: 686px; 
  w\idth: 750px;
}

.ad_div {
  padding-top: 15px;
  text-align: center;
}

.red {
  color: red;
}

.small_green {
  font-size: 12px;
  color: green;
}

.medium_green {
  font-size: 14px;
  color: green;
}

.large_green {
  font-size: 18px;
  color: green;
}

* html .ad_div {
  width: 700px; 
  w\idth: 686px;
}

.footer_div {
  width: 750px;
}

* html .footer_div {
  width: 750px; 
  w\idth: 750px;
}

.footer_menu_div {
  float: left;
  width: 650px;
  height: 48px;
  background: white;
  border-bottom: black 2px solid;
  text-align: center;
}

* html .footer_menu_div {
  width: 650px; 
  height: 48px;
  w\idth: 650px;
  he\ight: 50px;
}

.student_field_label {
  float: left;
  width: 130px;
}

.student_field {
  float: left;
  padding-bottom: 5px;
}

.settings_field_label {
  float: left;
  width: 140px;
}

.settings_field_label.disabled {
  color: #999;
}

.settings_field {
  float: left;
  padding-bottom: 5px;
}

.error_text {
  font-weight: bold;
  color: red;
}

.clear {
  overflow: hidden;
  width: 100%;
}

a.button {
  background: transparent url(/images/bg_button_a.gif) no-repeat scroll top right;
  color: #000;
  display: block;
  float: left;
  font-size: 11px;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}

a.button span {
  background: transparent url(/images/bg_button_span.gif) no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button:link { color: #000 }
a.button:visited { color: #000 }
/* --------- /stylesheets/blog.css --------- */ 
.blog_header {
	padding-bottom: 20px;
	font-weight: bold;
	text-align: right;
}

.blog_header .title {
	font-size: 30px;
}

.post {
	padding-top: 20px;
}

.post .date {
	font-size: 10px;
	color: #666666;
}

.post .title {
	font-weight: bold;
	font-size: 18px;
}