/*
 * Master CSS document for Pyramind;
 */
 
html, body, div, form, fieldset, table, ul, ol, dl, pre, blockquote, li, dd, dt, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}
h1,
#welcome p {
  color: #c9ad95;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.6em;
}
a img {
  border: none;
}
a {
  color: #f60;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#homelink {
  text-decoration: none;
}
#homelink:hover {
}

a.button {
  display: block;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: url(/web/images/pac-btn_gnav_left.gif) bottom left no-repeat;
  padding: 0 0 0 28px;
}
a.button b {
  display: block;
  padding: 0 18px 0 0;
  background: url(/web/images/pac-btn_gnav_right.gif) bottom right no-repeat;
}
a.button b b {
  height: 25px;
  line-height: 20px;
  background: url(/web/images/pac-btn_gnav_bg.gif) repeat-x bottom left;
  padding: 0 0 0 4px;
}
a.button:hover {
  text-decoration: none;
  color: #000;
}

html {
}
body {
  font: 100% Verdana,Arial,sans-serif;
  background:  url(/web/images/pac-bkggradient.jpg) left top repeat-x #3b3128;
}

#wrapper {
  width:  990px;
  margin:  0 auto !important;
  text-align: left;
}

#header { 
  background-image:  url(/web/images/pac-banner.jpg);
  background-repeat: no-repeat;
  height: 248px;
  margin: 0 auto;
  text-align: left;
}
#header img {
  width:  990px;
  height: 119px;
}
#header .block {
  height: 206px;
}

#adminconsole #header, 
#admincontacts #header {
  background-image: url(/web/images/pac-banner.jpg) !important;
}
#clientmain #header {
  width: 990px;
  background-image: url(/web/images/pac-client_banner.jpg) !important;
}

#welcome {
  clear: both;
}
#clientmain #welcome {
  width: 100%;
}

#mainbody { 
  min-height:  693px;
  overflow: visible;
  width: 100%;
}

#footer { 
  background-image: url(/web/images/footerpattern.gif);
  height: 32px;
  clear:  both;
  width:  990px;
}


#admindaybook { 
  width:  370px;
  margin  0 0 0 10px;
  float:  left;
}

#admindaybook table {
  width:  100%;
  border: 3px solid #787cab;
  background-color:  #fff;
  padding: 0;
  margin: 0;
} 
#admindaybook tr.top {
  height:  50px;
  background-color:  #ccc;
  color:  #fff;
  text-align:  center;
  font-size:  14px;
  font-weight:  bold;
}
#admindaybook tr.bottom {
  background-image:  url(/web/images/dayplannerbottombox.gif);
  background-repeat:  repeat;
  height:  35px;
  text-align:  left;
}
#admindaybook tr.bottom img {
  margin:  0 0 0 25px;
} 
#admindaybook tr.bottom p {
  float:  right;
  width:  200px;
  text-align:  right;
  font-size:  12px;
  color:  #787cab;
  margin:  0 10px 0 0;
}
#admindaybook tr {
  height:  25px;
}
#admindaybook tr td {
  border-bottom:  1px solid #ccc;
}
#admindaybook tr.lastrow {
  height:  50px;
}
#admindaybook td.leftcell {
  width:  50px;
  background-image:  url(/web/images/daybookleftcellpattern.gif);
  background-position:  top right;
  background-repeat:  no-repeat;
}
#admindaybook tr.lastrow td.leftcell {
  background-repeat:  repeat-y;
}
#admindaybook td.leftcell p { 
  font-size:  16px;
  font-weight:  bold;
  color:  #444;
}
#admindaybook td.rightcell {
  width:  310px;
}


.adminsection {
  width:  550px;
  text-align:  left;
  float:  left;
  margin:  0 0 0 50px;
}

.adminday {
  float:left;
  background-color: #ffffff;
  border: 3px solid #90aca0;
  width: 385px;
}
.adminday #head {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color:  #ffffff;
  background-color: #90aca0;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 3px solid #999999;
}

#cal {
  position: relative;
}

.adminday #foot {
  color:  #fff;
  background-color: #90aca0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 3px solid #90aca0;
}

.adminday #foot h1 {
  color: #B0CFC4;
  font-size:  18px;
  font-weight: bold;
  text-align: left;
}

.adminblocks {
  clear: none;
  display: inline;
}

.adminblock {
  position: relative;
  float:right;
  background: url(/web/images/pac-bg_corner_bottom.gif) bottom right no-repeat #c6c9c8;
  padding: 36px 20px 16px;
  margin-right: 20px;
  width:475px;
  margin-bottom: 15px;
  font-size: 9px;
}

.adminblock h1,
.adminblock h2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd_gr.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
.adminday a,
.adminblock h2 a {
  color: inherit;
  text-decoration: none;
}
.adminday a:hover,
.adminblock h2 a:hover {
  color: #f60;
}
.adminblock .adminblock {
  position: static;
  float: none;
  background: transparent;
  padding: 0;
  margin-right: 0;
  width: auto;
  margin-bottom: 0;
}
.adminblock .adminblock h2 {
  display: none;
}


.adminsectionone { 
  background-image:  url(/web/images/block6.gif);
  height:  37px;
  width: 550px
  clear:  both;
}
.adminsectiontwo { 
  background-image:  url(/web/images/block10.gif);
  height:  101px;
  margin:  15px 0 0 0;
  clear:  both;
}

.adminsectionone img, .adminsectiontwo img {
  text-align:  left;
  margin:  11px 0 0 35px;
}

.adminsectiontwo table {
  width:  520px;
  margin:  10px auto 0 auto;
  font-size:  10px;
  color:  #222;
}
.adminsectiontwo table td {
  padding:  2px 0 4px 0;
}

.pyramailinfo { 
  float:  right;
  width:  120px;
  margin:  12px 25px 0 0;
  font-size:  10px;
  font-weight:  bold;
  color:  #222;
}
.pyramailinfo span {
  margin:  0 10px 0 0;
}
.pyramailinfo span.inbox { 
  float:  right;
  clear:  right;
}
.spacer {
  clear:  both;
}
#admincontacts table.primary { 
  width:  970px;
  margin:  0 auto;
  border-collapse: collapse;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) right bottom no-repeat #fff;
  text-align:  left;
}
#admincontacts #sf_admin_container {
  clear: both;
  width:  941px;
  margin:  18px auto 20px;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) right bottom no-repeat #fff;
  text-align:  left;
  padding-left: 25px;
  padding-bottom: 2px;
  font: 75% Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
}
#admincontacts #sf_admin_container #sf_admin_content {
  margin-right: 100px;
}
#admincontacts #sf_admin_container #sf_admin_content .sf_admin_actions .float-left {
  margin-top: -30px;
}
#admincontacts #sf_admin_container td {
  font-size: 100%;
}
#admincontacts table.primary td {
  vertical-align:  top;
  padding: 0;
}
#admincontacts table.secondary { 
  width:  50%;
  width:  485px;
  padding:  0 0 10px 0;
  border-collapse: collapse;
}
#admincontacts table.rightborder {
  border-right:  1px solid #fc6c00;
  width:  484px !important;
}
#admincontacts table.secondary tr.tabletitle {
  height:  40px;
}
#admincontacts table.secondary tr.tabletitle td {
  padding: 0;
}
#admincontacts #sf_admin_container {
  padding-top: 21px;
  position: relative;
}
#admincontacts #sf_admin_container h1 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  margin: 0;
  padding: 5px 16px;
}
#admincontacts table.secondary h2,
#admincontacts table.secondary span.title {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-transform: capitalize;

  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
#admincontacts table.secondary tr.subtitle {
  height: 30px;
}
#admincontacts table.secondary span.subtitle {
  font-size: 12px;
}
#admincontacts table.secondary td {
  padding: 5px 0 5px 25px;
  font: bold 11px Verdana,sans-serif;
  color: #666;
}
#admincontacts table.secondary td.textinput {
  width:  60%;
}
#admincontacts table.secondary td.checkboxinput {
  text-align:  right;
}
#admincontacts td.contactlist {
  width: 70%;
  vertical-align: top;
}
#admincontacts td.actions {
  width: 30%;
}
#admincontacts td.actions .buttons {
  margin-right: 2em;
}
#admincontacts table.contactlist {
  width: 100%;
}
#admincontacts .contactlist td {
  vertical-align: top;
}
#admincontacts .actions input.link {
  margin: 0;
  padding: 1px 0;
  width: 100%;
  cursor: pointer;
}
#admincontacts .actions a.link {
  margin: 0;
  display: block;
  padding: 3px 0;
}


table.calendarmonth {
  background-color:  #fff;
  margin:  10px auto 0 auto;
  border:  2px solid #90aca0;
}
table.calendarmonth th,
table.calendarmonth td {
  height:  50px;
}
table.calendarmonth tr.viewtitle td,
table.calweek tr.viewtitle td,
table#dayview tr.viewtitle td {
  background-color:  #90aca0;
  height:  25px;
  text-align:  center;
  color:  #fff;
  font-size:  11px;
  font-weight:  bold;
}
table.calendarmonth tr.daytitle th,
table.calendarmonth tr.daytitle td {
  background-color: #ccc;
  border-bottom: 3px solid #90aca0;
  border-right: 1px solid #90aca0;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
table.calendarmonth tr.day td {
  border-bottom:  1px solid #90aca0;
  border-right:  1px solid #90aca0;
  text-align:  left;
  vertical-align:  top;
}
table.calendarmonth tr.day td p.date {
  color:  #ccc;
  font-size:  14px;
  padding:  0 0 0 2px;
  clear:  both;
}
table.calendarmonth tr.day td p.datetext {
  font-size:  11px;
  text-align:  justify;
  padding:  0 2px;
}
table.calendarmonth .addevent {
  float: right;
  margin-top: 1px;
  padding-right: 1px;

  background: url(/sf/sf_admin/images/add.png) no-repeat;
  width: 15px;
  height: 15px;
} 

table.calendarmonth td.date {
  width: 125px;
  border: 1px solid #666;
  vertical-align: top;
}
table.calendarmonth td.date div.day {
  position: relative;
  height: auto;
}
table.calendarmonth td.date div.daycontent {
  position: static;
}

#clientmain table.calendarmonth a.eventlink {
  text-decoration: none;
  font-size: 10px;
}

.equalised td {
}

ul.day_events, ul.banner_events {
  clear: both;
  list-style: none;
}
ul.banner_events {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
ul.banner_events li {
  position: absolute;
  width: 100%;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  left: 0;
}


#calendartop {
  width:  914px;
  margin:  0 auto;
}
#calendartop #options { 
  border:  1px solid #000;
  width:  250px;
  position:  relative;
  top:  0;
  left:  0;
}
#calendartop #options .leftcell {
  text-align:  right;
  font-size:  10px;
  color:  #444;
  padding:  10px 0;
}
#calendartop #calendarmonth { 
  margin:  0 auto;
  width:  250px;
  overflow: hidden;
}
#calendartop #calendarmonth img.left { 
  float:  left;
  padding:  0 15px;
} 
#calendartop #calendarmonth p { 
  float:  left;
  width: 150px;
  text-align: center;
  padding:  0 0 0 5px;
} 
#calendartop #calendarmonth img.right { 
  float:  right;
  padding:  0 15px;
} 

table.calendarweek { 
  width:  990px;
  background-color:  #fff;
  margin:  10px auto 0 auto;
  border:  2px solid #90aca0;
}
table.calendarweek td.hourofday {
  background-color:  #ccc;
}
table.calendarweek tr.lastrow, table.calendarweek tr.daytitle {
  height:  50px;
  background-color:  #ccc;
}
table.calendarweek tr.daytitle {
  border-bottom:  3px solid #90aca0;
}
table.calendarweek tr.daytitle td.day {
  width:  125px;
  color:  #fff;
}
table.calendarweek tr.hour td {
  border-right:  1px solid #ccc;
  border-bottom:  1px solid #ccc;
}
table.calendarweek tr.viewtitle {
  background-color:  #787cab;
  height:  35px;
  color:  #fff;
}
table.calendarweek p.text {
  font-size:  10px;
  text-align:  justify;
  padding:  2px;
}

.viewtitle a {
  color: #fff;
}
.viewtitle a:hover {
  color: #FF9900
}

table#weekview .eventinstance {
  overflow: hidden;
  color: #000;
  font-size: 10px;
  width: 200px;
  border: 1px solid black; 
  z-index:10;
  position: absolute;
  margin: 0;
  height: 14px;
  padding: 0;
  left: 46px;
  visibility: hidden;
}

#weekview .sunday,
#weekview .monday,
#weekview .tuesday,
#weekview .wednesday,
#weekview .thursday,
#weekview .friday,
#weekview .saturday {
}

#weekview .hourcell {
  /* some styles in main.css */
  text-align: center;
}
.hourspacer {
  border-bottom: 1px solid #aaa;
}


/*--------------------------- client main --------------*/
#clientmain table.calendarmonth {
  width:  490px;
  background-color:  #fff;
  margin:  10px auto 0;
  border:  2px solid #90aca0;
}
#clientmain table.calendarmonth td {
  width:  70px;
  height:  65px;
}
#clientmain table.calendarmonth tr.viewtitle td {
  background-color:  #787cab;
  height:  50px;
  text-align:  center;
  color:  #fff;
  font-size:  12px;
}
#clientmain table.calendarmonth tr.daytitle td {
  background-color:  #90aca0;
  vertical-align:  middle;
  text-align:  center;
  color:  #000;
  font-size:  11px;
  height:  25px;
}
#clientmain table.calendarmonth tr.daytitle td.today {
  background-color:  #e58a00;
}
#clientmain table.calendarmonth tr.day td, #clientmain table.calendarmonth tr.fullday td {
  border-bottom:  1px solid #90aca0;
  border-right:  1px solid #90aca0;
  text-align:  left;
  vertical-align:  top;
}
#clientmain table.calendarmonth tr.fullday td {
  height:  350px;
}
#clientmain table.calendarmonth td.highlight {
  background-image:  url(/web/images/calendarpattern.gif);
}
#clientmain table.calendarmonth tr.fullday td.highlight {
  background-repeat:  repeat-y;
}
#clientmain table.calendarmonth tr.day td p.date, 
  #clientmain table.calendarmonth tr.fullday td p.date {
  color:  #ccc;
  font-size:  12px;
  padding:  0 0 0 2px;
  clear:  both;
}
#clientmain table.calendarmonth tr.day td p.datetext, 
  #clientmain table.calendarmonth tr.fullday td p.datetext {
  font-size:  10px;
  text-align:  justify;
  padding:  0 2px;
}
#calendarmonth {
  color: #f17a37;
  font-family: Verdana,sans-serif;
  font-weight: bold;
  font-size: 14px;
}

#clientmain table tr.viewtype {
  background-color:  #90aca0 !important;
  height:  25px !important;
}
#clientmain table tr.viewtype p {
  text-align:  center;
  font-size:  12px;
  color:  #ffc;
  font-weight:  bold;
}


#clientmain #calendartop {
  width:  420px;
  margin:  0 auto;
}
#clientmain #calendartop #calendarmonth { 
  margin:  0 auto;
  width:  250px;
}
/*  unecessary duplication of styles at line #460, commented out 2007-09-28, CS.  Remove if no issues.
#clientmain #calendartop #calendarmonth img.right, 
#clientmain #calendartop #calendarmonth img.left,
#clientmain #calendartop #calendarmonth p { 
  float:  left;
  padding:  0 15px;
} 
*/

#clientmain #blankheader {
  background-color:  #e58a00;
  height:  50px;
}
#clientmain #mainpop {
  width:  400px;
  margin:  0 auto;
  height:  100%;
  min-height:  100%;
  text-align:  left;
}
#clientmain #mainpop h2, #clientmain #mainpop p {
  color:  #787cab;
  margin:  10px 0;
}
#clientmain #mainpop h2 {
  font-size:  16px;
  font-weight:  bold;
}
#clientmain #mainpop p {
  font-size:  11px;
  font-weight:  bold;
}
#clientmain #left { 
  width:  400px;
  float:  left;
  text-align:  left;
  font-size:  11px;
}
#clientmain #right { 
  width:  760px;
  float:  left;
}
#clientmain #right #bluebar {
  background-image:  url(/web/images/clientmainbluebar.gif);
  background-repeat:  repeat-x;
  height:  9px;
  width:  760px;
}
#clientmain #left .login { 
  height:  30px;
  color:  #fff;
  padding:  10px 10px 0 10px;
}
#clientmain #left #logoutbutton,
#clientmain #left #homebutton {
  float: right;
}
#navcontainer #logoutbutton,
#navcontainer #homebutton {
  float: left;
}
#navcontainer a.button {
  background: url(/web/images/pac-btn_content_bg_gray_left.gif) bottom left no-repeat;
}
#navcontainer a.button b {
  background: url(/web/images/pac-btn_content_bg_gray_right.gif) bottom right no-repeat;
}
#navcontainer a.button b b {
  background: url(/web/images/pac-btn_content_bg_gray.gif) repeat-x bottom left;
} 
#clientmain #left .top {
  background-color:  #d6d2b5;
}
#clientmain #left .top p {
  padding:  10px 5px;
  color:  #787cab;
}
#clientmain #left .leftmenutitle {
  font-variant:  small-caps;
  font-size:  16px;
  font-weight:  bold;
  padding:  5px 0 5px 25px;
  color:  #787cab;
  background-color:  #c5c1a6;
}
.leftmenuitem {
  background-color:  #d6d2b5;
  padding:  0 0 0 25px;
  height:  18px;
  border-bottom:  2px solid #dbd7b9;
}
.leftmenuitem a {
  text-decoration:  none;
  color:  #898ca4;
  padding:  2px 0;
}
.leftmenuitem a:hover {
  color: #c2680f;
}

#clientmain #mainbodyleft, #clientmain #mainbodyright {
  float:  left;
  width: 640px;
  margin:  0 0 0 12px;
  padding: 12px;
/*  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) bottom right no-repeat #fff; */
}
#clientmain #mainbodyright, #clientmain #studentbodyright {
  margin:  45px 0 0 0;
  float:  right;
}
#clientmain .mainbodyrightblock {
  background-image:  url(/web/images/clientmainblock.gif);
  width:  270px;
  height:  52px;
  text-align:  left;
  margin:  0 0 25px 0;
}
#clientmain .mainbodyrightblock img {
  margin:  10px 0 0 25px;
}
#clientmain .mainbodyrightblock img#digitalcertificate {
  margin:  0 !important;
  text-align:  left;
}
#clientmain #studentbodyright .studentbuttonblock {
  position: relative;
  width:  270px;
  margin-bottom: 12px;
  padding-top: 0px;
}
.studentbuttonblock a {
  display: block;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: url(/web/images/pac-btn_gnav_left.gif) bottom left no-repeat;
  padding: 0 0 0 28px;
}
.studentbuttonblock a b {
  display: block;
  padding: 0 18px 0 0;
  background: url(/web/images/pac-btn_gnav_right.gif) bottom right no-repeat;
}
.studentbuttonblock a b b {
  height: 25px;
  line-height: 20px;
  background: url(/web/images/pac-btn_gnav_bg.gif) repeat-x bottom left;
  padding: 0 0 0 8px;
}
.studentbuttonblock a:hover {
  text-decoration: none;
  color: #000;
}
.studentbuttonblock .inbox_count {
}

#clientmain #studentdigitalcertificate {
  width:  490px;
}

.studentblock {
  background-image:  url(/web/images/studentblockbg.gif);
  background-repeat:  no-repeat;
  background-color:  #d6d2b4 !important;
  height:  240px;
  width:  240px;
  float:  left;
 /* margin:  0 20px 0 0; */
  text-align:  left;
}
.studentblockactive {
  background-image:  url(/web/images/studentblockbgactive.gif);
}
.studentblock img {
  margin:  5px 0 0 25px;
}
.studentblock .leftcell {
  width:  25%;
  font-size:  10px;
  font-weight:  bold;
}

.studentblock .rightcell {
  font-size:  11px;
}
.studentblock td {
  vertical-align:  top;
  padding:  2px 0 0 5px;
  color:  #222;
}
.studentblock table {
  margin:  10px 0 0 0;
}
.studentblock #graduation {
  position:  relative;
  bottom:  0;
  left:  0;
  margin:  0;
}
.blocksix table {
  height:  156px;
}

#studentchat {
  width:  525px;
  margin:  0 auto !important;
}
#studentchatbartop {
  background: #c9ad95;
  height:  30px;
  width:  525px;
  margin:  0 0 25px 0;
}
#studentchatbartop p {
  color:  #f6f1d0;
  font-size:  12px;
  font-weight:  bold;
  margin:  8px 10px 10px 10px;
  width:  230px;
}
.studentchatboardtop #full p {
  width:  600px !important;
  background-color:  transparent !important;
  float:  left;
}
.studentchatboardtop #left p {
  width:  250px !important;
}
#studentchatbartop #left, #studentchatbartop #right, .studentchatline #left, .studentchatline #right {
  background-color:  transparent !important;
  float:  left;
}
#studentchatbartop #left, #studentchatbartop #right {
  width:  250px !important;
}
#studentchatbartop #right { 
  text-align:  right;
}
.studentchatline #left, .studentchatline #left p { 
  width:  120px !important;
  color:  #787cab;
}
.studentchatline #right, .studentchatline #right p {
  width:  370px !important;
  color:  #787cab;
}
#studentchattop, .studentchatline, #studentchatinput { 
  width:  525px;
  text-align:  left !important;
  margin:  0 auto;
}
#job_descriptions h2,
#auth h2,
#studentchattop h2 {
  margin:0px 0px 16px 0px;
  padding: 2px 0px 2px 13px;
  background: url(/web/images/pac-bg_shd.jpg) right top repeat-y #271a11;
  line-height:17px;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  clear:both;
}
#studentchattop p {
  font-size:  11px;
}
#studentchatinput textarea {
  width:  100%;
  height:  200px;
}

.studentchatboard {
  background-image:  url(/web/images/studentchatbg.gif);
  margin:  0 auto 10px auto;
  padding:  1px 0 0 0;
  width:  525px;
  height:  45px;
}
.studentchatboard div {
  width:  100%;
  text-align:  left;
}
.studentchatboard div p {
  margin:  5px 0 5px 50px;
  color:  #444;
}
.studentchatboard .bold {
  font-size:  12px;
}
.studentchatboard .text {
  font-size:  10px;
}

.studentjobs {
  width:  525px;
  margin:  0 0 25px 10px;
}
.studentjobstop {
  width:  525px;
  clear:  both;
}
.studentjobstop #left, .studentjobstop #right {
  float:  left;
  width:  260px !important;
  background-color:  transparent !important;
}
.studentjobstop p {
  width:  260px;
  margin:  0;
  padding:  0;
  color:  #999;
}
.studentjobstop #left p {
  font-size:  14px;
}
.studentjobstop #left { }
.studentjobstop #right { }
.studentjobs .text {
  font-size:  10px;
  text-align:  left;
  color:  #999;
}

.studentprogresstop {
  width:  525px;
}
.studentprogresstop table {
  width:  520px;
  border-bottom:  1px solid #999;
}
.studentprogresstop tr {
  width:  50%;
  margin:  0 0 15px 0;
}
.studentprogresstop p {
  color:  #999;
  text-align:  left;
  font-size:  12px;
}
.studentprogresstop tr.progresstop {
  background-color:  #d6d2b5;
}
.studentprogresstop tr.progresstop p {
  margin:  1px 0 0 25px;
  font-weight:  bold;
  font-size:  14px;
}
.studentprogresstop tr.progress p {
  float:  left;
  margin:  5px 0 10px 0;
}
.studentprogresstop tr.progress p.la {
  width:  180px;
}
.studentprogresstop tr.progress p.ra {
  width:  60px;
}

p.certificate_logo {
  color: #000;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
p.certificate_logo a {
  color: inherit;
}
p.certificate_logo a img {
  border: 3px solid #fc6c00;
}


#mainbody #loginform {
  position: relative;
  width: 597px;
  overflow: hidden;
  background: url(/web/images/pac-bg_wide_flourish.jpg) left bottom no-repeat #fff;
  margin-left: 180px;
  padding: 44px 18px 12px;
}
#mainbody #loginform h1 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
/*----------------------------- ocea -------------------*/
#ocea {
  width: 597px;
  overflow: hidden;
  position: relative;
  margin-left: 180px;
  padding: 44px 18px 12px;
}
#ocea h1 {
  color: #c9ad95;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1.6em;
}
#ocea p.homebutton {
  position: relative;
}
#ocea #homebutton {
  position: absolute;
  right: 0;
  bottom: 6px;
}
#ocea, #feedback { 
  text-align:  left;
}
#ocea form, #loginform form, #feedback form {
  margin: 1em 1em;
}
#ocea legend, #loginform legend, #feedback legend {
  padding:  2px 10px;
  color:  #444;
  font-size:  12px;
}
#ocea fieldset, #loginform fieldset, #feedback fieldset { 
  padding:  5px;
  margin:  0 0 25px 0;
  border:  0;
}
#ocea .formfield, #loginform .formfield #feedback .formfield {
  clear:  both;
  overflow: hidden;
  margin:  3px 0 3px 0;
}
#ocea div.radio fieldset, #loginform div.radio fieldset, #feedback div.radio fieldset {
  padding:  10px 0 5px 100px;
}
#ocea div.radio legend, #loginform div.radio legend, #feedback div.radio legend {
  margin-left:  -90px;
}
#ocea h3 {
  margin:  50px 0 15px 0 !important;
  font-weight:  bold;
  font-size:  16px !important;
  color:  #fc6c00 !important;
  clear:  both;
}  
#ocea fieldset label {
  float: none;
  clear: both;
  display: block;
  margin-left: 120px;
}
#ocea label, #loginform label {
  width:  250px;
}
#ocea label, #ocea p, #loginform label, #loginform p, #feedback label, #feedback p {
  color:  #000 !important;
  font-size:  11px;
}
#ocea label, #ocea input, #ocea select,
#loginform label, #loginform input, #loginform select {
  margin-bottom:  5px;
  float:  left;
} 
#ocea label.radio, #ocea label.checkbox, #feedback label.radio {
  width:  60px;
  font-size:  10px;
  text-align:  left;
  padding:  0 !important;
}
#ocea select,
#ocea textarea {
  border: 1px solid #888;
}
#ocea input.text {
  width: 330px;
  border: 1px solid #888;
}
#ocea div.text {
  width: 332px;
  text-align: right;
}
#ocea .dategroup span {
  vertical-align: middle;
}
#ocea .dategroup select {
  float: none;
  width: auto;
}
#ocea #state {
  width: 120px;
  float: left;
  border: 1px solid #888;
}
#ocea #ziplabel {
  float: none;
  margin-left: 30px;
  font-weight: bold;
  vertical-align: top;
}
#ocea #zip {
  width: 100px;
  float: none;
  border: 1px solid #888;
}
#ocea #error {
  background: #ededed;
  border: 2px solid #d80000;
  font-size: 11px;
  margin: 1em 0;
  padding: 0.6em 1em;
}
#ocea #error ul {
  margin-left: 1.6em;
}
body:last-child:not(:root:root) fieldset {
  min-height:  50px;
}
#ocea label.checkbox {
  width:  100px !important;
}
#ocea label.radio input, #ocea label.checkbox input, #feedback label.radio input {
  margin:  0 5px 0 0;
}
#ocea textarea, #feedback textarea {
  width:  100%;
  margin:  10px 0 0 0;
}
#main .buttons {
  margin: 6px 80px 18px 0;
}
#main .buttons b {
  float: right;
  height: 30px;
  background: url(/web/images/pac-btn_content_bg_right.gif) bottom right no-repeat;
  padding-right: 18px;
  font-size: 11px;
}
#main .buttons b b {
  background: url(/web/images/pac-btn_content_bg_left.gif) bottom left no-repeat;
  padding: 0 0 0 28px;
}
#main .buttons b b input {
  height: 30px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: url(/web/images/pac-btn_content_bg.gif) repeat-x bottom left;
  margin: 0;
  border: none;
  padding: 0;
}
#main .buttons b b input:hover {
  color: #000;
}
#main .login .formfield {
  clear: both;
}
#main .login label {
  text-align: right;
  margin-bottom: 15px;
  padding: 4px 1em 0 0;
  width: 196px;
}
#main .login .formfield input {
  font-size: 110%;
  border: 1px solid #8d735a;
  background: #edecec;
}
#main .login .formfield input:hover {
  background: #dbb189;
}
#main .login .formfield input:focus {
  background: #b49171;
}

#feedback label {
  width:  250px;
  text-align:  right;
  padding-right:  10px;
}
#feedback label, #feedback input {
  float:  left;
  margin-bottom:  5px;
}
#feedback label.small {
  width:  35px;
}
#feedback label.radio {
  width:  70px;
}

/*--------------------------- popups -------------------*/
#popupgeneric, #teachergrades {
  width:  400px;
  margin:  0 auto;
}
#popup #orangeheader {
  height:  25px;
  background-color:  #e58a00;
}
#popup #header {
  height:  75px;
  background-color:  #787cab;
}
#popup #header .block {
  height:  88px;
  width:  500px;
  margin:  0 auto;
}
#popup #progresspopup {
  width:  400px;
  margin:  0 auto;
}
#popup #progresspopup .arrow {
  width:  25px;
}
#popup #progresspopup .subject {
  width:  125px;
  font-size:  14px;
  font-weight:  bold;
}
#popup #progresspopup .data {
  width:  250px;
}
#popup #progresspopup .subject p, #popup #progresspopup .data {
  color:  #787cab;
  font-size:  12px;
  text-align:  left;
}
#popup #headerleft, #popup #headerright {
  width:  250px;
  float:  left;
  color:  #fff;
  font-weight:  bold;
  font-size:  16px;
  margin:  25px 0 0 0;
}

#popup #teachergrades td { 
  width:  100px;
  text-align:  left;
  height:  25px;
  font-size:  12px;
  color:  #787cab;
}
#popup #teachergrades td.subject {
  font-size:  14px !important;
  font-weight:  bold;
}

#popup #pyramail { 
  width:  500px;
  margin:  0 auto;
  text-align:  left;
}
#popup #pyramail .from, #popup #pyramail .to, 
  #popup #pyramail .subject, #popup #pyramail .main {
  font-size:  12px;
  height:  35px;
}
#popup #pyramail .from span, #popup #pyramail .to span, 
  #popup #pyramail .subject span, #popup #pyramail .main span {
  font-weight:  bold;
}

#popup #teachertwo { 
  width:  400px;
  text-align:  left;
  margin:  0 auto;
}
#popup #teachertwo td {
  padding:  10px 0;
}
#popup #teachertwo .arrow {
  width:  25px;
}
#popup #teachertwo .subject {
  width:  125px;
  font-size:  12px;
  color:  #787cab;
}
#popup #teachertwo .input {
  width:  250px;
}

#popup #certificateleft, #popup #certificateright {
  float:  left;
}
#popup #certificateleft { 
  width:  60%;
  text-align:  left;
}
#popup #certificateleft table {
  padding:  10px;
}
#popup #certificateright {
  width:  40%;
  text-align:  center;
}
#popup #certificateleft h2 {
  font-size:  18px;
}
#popup #certificateleft h2, #popup #certificateleft p {
  color:  #787cab;
}
#popup #certificateleft .header p { 
  font-size:  12px;
}
#popup #certificateleft .header span.headertitle {
  font-weight:  bold;
  font-size:  14px;
}
#popup #certificaterighttop {
  background-color:  #787cab;
}
#popup #certificaterighttop h2 {
  color:  #ffc;
  font-size:  16px;
  padding:  10px 0;
}
#popup #certificaterightmain {
  background-color:  #d6d2b4;
}
#popup #certificaterightmain p {
  margin:  0 0 15px 0;
}
#popup #certificaterightmain img {
  margin:  10px;
}



/*--------------------------- teacher ------------------*/
#teachermain { 
  width:  490px;
  border:  2px solid #787cab;
  text-align:  left;
}
#teachermaintop {
  background-color:  #787cab;
  height:  50px;
}
#teachermaintop p {
  font-weight:  bold;
  font-size:  16px;
  color:  #fff;
  padding:  15px 0 0 25px;
}
.teachermainentry p {
  color:  #999;
}
.teachermainentry table {
  background-color:  #fff;
}
.teachermainentry .block { 
  width:  150px;
  border-right:  1px solid #999;
  border-bottom:  1px solid #999;
}
.teachermainentry .info {
  width:  340px;
  border-bottom:  1px solid #999;
}
.teachermainentry .block p {
  font-size:  16px;
  font-weight:  bold;
  padding:  10px 0 10px 5px;
}
.teachermainentry .info p { }

#teacheragenda {
  width:  500px;
  margin:  0 auto;
  color:  #787cab;
}
#teacheragenda p, #teacheragenda h2 {
  text-align:  left;
}
#teacheragenda td {
  vertical-align:  top;
}
#teacheragenda .student {
  width:  200px;
}
#teacheragenda .student td {
  height:  50px;
}
#teacheragenda .agenda {
  width:  300px;
}
#teacheragenda .agenda h2 {
  font-size:  16px;
  margin:  0 0 10px 0;
}
#teacheragenda .agenda p {
  font-size:  10px;
}
#teacheragenda .studentname p {
  font-size:  12px;
  font-weight:  bold;
}



/*-------------------------------- store ---------------*/
#storeactive {
  float:  left;
  margin:  12px 0 0 25px;
}
#storebluebar, #storeorangebar {
  width:  770px;
  margin:  0 auto;
}
#storebluebar { 
  background-image:  url(/web/images/storebluebar.gif);
  height:  30px;
}
#storeorangebar {
  background-color:  #e58a00;
  height:  10px;
}
#storebluebar #left, #storebluebar #right {
  width:  335px;
  background-color:  transparent !important;
}
#storebluebar #left p { 
  color:  #ffc;
  font-weight:  bold;
  margin:  5px 0 0 25px;
}
#storebluebar #right {
  width:  400px;
  background-color:  #fff;
}
#storebluebar #searchbox {
  float:  right;
  margin:  0 0 0 50px;
}
#storebluebar #searchbox input {
  margin:  4px 5px 0 0;
}
.storebrowse {
  width:  400px;
  background-color:  #d6d2b5;
  margin:  0 10px 20px 10px;
}
.storebrowse #featureditems { }
.storebrowse #featureditems .pics {
  text-align:  center;
}
.storebrowse #featureditems .desc p, #storeusedgear #useditems .desc p {
  text-align:  left;
  color:  #999;
  font-size:  11px;
  margin:  5px 10px;
}
.storebrowse #featureditems .desc p.price, #storeusedgear #useditems .desc p.price {
  color:  #e58a00;
  font-weight:  bold;
  font-size:  12px;
}
#storelogin, #storeusedgear { 
  width:  250px;
  margin:  0 0 0 20px;
}
#storelogin {
  background-color:  #787cab;
  padding:  5px;
  text-align:  left;
}
#storelogin p, #storelogin label {
  color:  #ffc;
  font-size:  10px;
}
#storelogin p {
  margin:  5px 0 10px 10px;
}
#storelogin label {
  width:  75px;
}
#storelogin label, #storelogin input {
  float:  left;
  margin:  0 0 0 10px;
}
#storeusedgear {
  background-color:  #d6d2b5;
}
#storeusedgear #useditems td {
  width:  50%;
}
#storeusedgear #useditems .pics {
  vertical-align:  middle;
}



/*--------------------------- text styling -------------*/
#menubar p, #welcome p { }
#menubar p {
  color:  #fff;
  padding:  7px 0 0 25px;
  font-size: 11px;
}

#welcome h1,
#welcome p {
  padding:  4px 0 0 25px;
  text-transform: uppercase;
  text-align:  left;
}

#popupgeneric h2, 
#popupgeneric h3 {
  margin:  25px 0 10px 0;
}

.ra {
  text-align: right;
}
.la {
  text-align: left;
}

.rf {
  float:  right;
}
.lf {
  float:  left;
}
.italic {
  font-style:  italic;
}

.red {
  color: #f00;
}
.green {
  color: #090;
}

.bold {
  font-weight:  bold;
}
.small {
  font-size:  75%;
}


/*-------------------------- menu -----------------------*/
#navcontainer {
  margin: 0;
  padding: 0;
  background-image:  url(/web/images/menubgleft.gif);
  background-repeat: no-repeat;
  height: 42px;
  border-bottom: #787cab;
  border-width:  10px;
  text-align:  left;
}
#navcontainer p {
  float:  left;
  width:  250px;
  font-size:  12px;
  color:  #fff;
  margin:  5px 0 0 25px;
}
#admincontacts #navcontainer p {
  width:  260px;
}

#navcontainer ul {
  list-style:  none;
  text-align:  left;
  float:  left;
  margin:  -4px 0 0 0;
}

#navcontainer ul li { float: left; }

#navlist a {
  text-decoration: none;
  text-align: center;
  background:  url(/web/images/menubutton.png) no-repeat top left;
  font-size:  12px;
  float:  left;
  height: 25px;
  width:  60px;
  padding:  5px 15px 0 10px;
  color:  #fff;
}

#admincontacts #navcontainer a {
  width:  70px;
}

#navcontainer li a:hover {
  background-image: url(/web/images/menubuttonactive.png);
  color:  #000;
}

.formfield input.text {
  width: 234px;
}

fieldset.buttons {
  text-align: right;
  margin-top: 3em;
  clear: both;
}
#wrapper fieldset.buttons input {
  float: none;
}
#auth .formfield label {
  text-align: right;
  margin-right: 1em;
}

/* popup windows */
#pyramind_popup {
  width: 500px;
  margin: 1em 20px;
  font-size: 75%;
}
#pyramind_popup h1 {
  color: #000;
  font-size: 18px;
  margin-bottom: 1px;
}
#pyramind_popup h2 {
  color: #000;
  font-size: 15px;
  margin: 0.4em 0 0.8em;
}
#pyramind_popup p.heading {
  font-size: 75%;
  color: #555;
  margin-bottom: 0;
}
#pyramind_popup #sf_admin_container #sf_admin_content {
  margin: auto;
}
#pyramind_popup #sf_admin_content fieldset h2,
#pyramind_popup #sf_admin_content fieldset h3 {
  margin:0px 0px 16px 0px;
  padding: 2px 0px 2px 13px;
  background: url(/web/images/pac-bg_shd.jpg) right top repeat-y #271a11;
  line-height:17px;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  clear:both;
}

/* reports */

form#report_criteria {
  color: #fc6c00;
  font: 68.75% Verdana, Arial, Helvetica, sans-serif;
  padding: 0 6px 4px 0;
  
}
form#report_criteria h2 {
  font-size: 150%;
  padding: 8px 0 12px;
}
form#report_criteria label {
  font-weight: bold;
}
form#report_criteria table {
  margin: 0.8em 0 0.5em;
  border-top: 1px solid #90aca0;
  padding-top: 1em;
  width: 100%;
}
form#report_criteria table table {
  margin: 0;
  border: none;
  padding-top: none;
  width: auto;
}

/* job descriptions */
#certificate_program_description,
#job_opportunities_description {
  width: 585px;
  height: 160px;
}
#job_descriptions {
  font: 11px/1.35 Verdana, Arial, Helvetica, sans-serif;
  margin: 1em auto;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) bottom right no-repeat #fff;
}
#job_descriptions th {
  padding: 0;
}
#job_descriptions td {
  padding: 6px;
}
#job_descriptions td h2 {
  margin-bottom: 0;
}

/* feedback */
#student_feedback {
  width: 640px;
  margin: 0 auto;
  padding: 12px;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) bottom right no-repeat #fff;
}
#student_feedback #studentchatbartop a {
  color:  #f6f1d0;
  text-decoration: none;
}
#student_feedback #studentchatbartop a:hover {
  text-decoration: underline;
}
#student_feedback .studentchatboard p {
  font-weight: bold;
  padding-top: 6px;
}

/* student classes */
#sf_admin_container #studentclass_form fieldset h2 {
  color: #000;
  background: #fc6c00;
}
#sf_admin_container #studentclass_form fieldset h2 a {
  color: #fff;
  margin: 0 2px;
}
#sf_fieldset_basic_information,
#studentclass_section_A,
#studentclass_section_C {
  clear: both;
  float: left;
  width: 48%;
}
#sf_fieldset_file_uploads {
  float: left;
  width: 48%;
}

#extra_information,
#studentclass_section_B,
#studentclass_section_D {
  float: right;
  width: 48%;
}

#sf_admin_container #sf_fieldset_grading_weights input,
#sf_admin_container #studentclass_form textarea,
#sf_admin_container #sf_fieldset_file_uploads input {
  width: 305px;
}
#sf_admin_container #studentclass_form select {
  width: 312px;
}
#studentclass_form #sf_fieldset_agenda textarea {
  width: 776px;
}
#studentclass_form #student_class_title {
  width: 305px;
}
#sf_admin_container #studentclass_form .studentclass_classlist {
  width: 290px;
}
#sf_fieldset_final_requirements textarea {
  height: 6em;
}
#student_class_description {
  height: 8em;
}
#student_class_required_reading {
  height: 7em;
}
#studentclass_form #agendas_form {
  clear: both;
}
#student_popup {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #222; 
  font-size: 12px; 
  font-weight: bold;
  background: #fff;
}
#student_popup h1 {
  font-size: 14px; 
  padding: 20px; 
  font-weight: normal;
  color: #fff; 
  background-color: #fc6c00;
}
#student_popup h1 .name {
  padding-left: 70px;
  font-size: 10px;
}
#student_popup .student_popup_content {
  margin: 1em 25px;
  font-weight: normal;
}
#student_popup table .student_popup_content {
  margin-left: 8px;
  margin-right: 4px;
}
#student_popup .student_popup_content h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0.6em;
}
#student_popup_event p {
  font-weight: normal;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #666;
  margin-bottom: 1em;
}
#student_popup td.feedback_question {
  padding: 1.6em 0 0;
}
#student_popup td.feedback_response {
  padding: 0;
}
#student_popup #atlist ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1em;
  margin-right: 6px;
  padding-left: 0;
}
#student_popup #atlist li {
  margin-bottom: 1px;
}
#student_popup #atlist li input {
} 
#student_popup #atlist li a {
  vertical-align: 2px;
}
#student_popup #atlist p {
  margin-bottom: 1em;
}
#student_popup #atlist a {
  color: #fc6c00;
  font-size: 83.34%;
}
#student_popup #atlist li.updated {
  background: #fc9;
}
#student_popup #atlist li.updated a {
  color: #009;
}
#student_popup #atlist p.attendance_update {
  font-size: 83.34%;
}
#please_wait {
  display: none;
}
#please_wait .fog {
  background: url(/web/images/contact_details_loader.gif) 50% 50% no-repeat #666;
  height: 100%;
  left: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  width: 100%;
}
#please_wait p {
  color: #000;
  left: 0;
  margin-top: -5em;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
#please_wait p strong {
  background: #949494;
  padding: 3px 9px;
}

/* rounded corner boxes */
.dayevt { }
.xbox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.xe1, .xe2, .xe3, .xe4 { position: absolute; border: 0 solid #999; }
.xe1, .xe3 { top: 0; height: 100%; }
.xe2, .xe4 { left: 0; width: 100%; }
.xe1 { left: 0; border-width: 0 0 0 2px; } 
.xe2 { top: 0; border-width: 2px 0 0 0; } 
.xe3 { right: 0; border-width: 0 2px 0 0; } 
.xe4 { bottom: 0; border-width: 0 0 2px 0; } 

.xb1, .xb2, .xb3, .xb4 { position: absolute; width: 9px; height: 9px; background-repeat: none; }
.xb1, .xb3 { left: 0; }
.xb2, .xb4 { right: 0; }
.xb1, .xb2 { top: 0; }
.xb3, .xb4 { bottom: 0; }
.xb1 { background-image: url(/web/images/box-tl.png); }
.xb2 { background-image: url(/web/images/box-tr.png); }
.xb3 { background-image: url(/web/images/box-bl.png); }
.xb4 { background-image: url(/web/images/box-br.png); }

#weekview .xb1 { background-image: url(/web/images/bubble-tl.png); }
#weekview .xb2 { background-image: url(/web/images/bubble-tr.png); }
#weekview .xb3 { background-image: url(/web/images/bubble-bl.png); }
#weekview .xb4 { background-image: url(/web/images/bubble-br.png); }

.evt-content {
  padding: 4px 7px 0;
}
/* profile form */
.profile_form {
  width: 100%;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) bottom right no-repeat #fff;
  margin: 1em 0;
  border: 0 none;
}
.profile_form th {
  padding-bottom: 0.6em;
}
.profile_form h2 {
  float: left;
  display: inline;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
.profile_form td {
  font-size: 11px;
  padding: 0 6px 6px 16px;
}
.profile_form td textarea {
  width: 98%;
}
/* logsheets */
form#logsheets {
  width: 800px;
  margin: 0 auto;
}
div.logsheet {
  position: relative;
  width: 720px;
  margin: 1em auto;
  padding: 21px 0 6px;
  background: url(/web/images/pac-tnav_bg_corner_bottom.gif) bottom right no-repeat #fff;
}
div.logsheet h2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
div.logsheet table.logsheet {
  width: 100%;
/*  border: 1px solid #ccc; */
  font-size: 10px;
}
div.logsheet table.logsheet_data {
  width: 100%;
  border: 0 none;
  font-size: 10px;
}
div.logsheet th {
  text-align: center;
}
div.logsheet pre {
  white-space: normal;
}
/* misc. updates */
.leftcell img, .rightcell img { vertical-align: middle; }

.filterblock {
  position: relative;
  width: 864px; 
  margin: 0 38px 10px; 
  background: #fff; 
  padding: 5px 25px;
}
.certificate_block h2,
.currently_teaching h2,
.filterblock h2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background: url(/web/images/pac-bg_hd.gif) right bottom no-repeat #8faba0;
  padding: 5px 16px;
}
.student_progress {
  width: 550px;
  background: #fff;
  border: 0 none;
  font-size:11px;
  font-weight:bold;
}
.student_progress th {
  margin:0px 0px 16px 0px;
  padding: 2px 0px 2px 8px;
  background: url(/web/images/pac-bg_shd.jpg) 80% 0 repeat-y #271a11;
  line-height:17px;
  color:#fff;
}
.student_progress td a {
  color: #000;
}
.student_progress td a.pass {
  color: #009;
}
.student_progress td.class_name {
  padding-left: 8px;
}
.student_progress td.grade {
  padding-right: 6px;
  text-align: right;
}
.student_progress td a.excellent {
  color: #00c;
}
.student_progress td a.satisfactory {
  color: #0c0;
}
.student_progress td a.fail {
  color: #f00;
}
.currently_teaching {
  position: relative;
  width: 490px;
  background-color: #fff; 
  color: #666; 
  font-size: 11px; 
  margin: 0 auto;
  padding-top: 21px;
}
#communication_history pre {
  font-family: Monaco, "Courier New", Courier, monospace;
  white-space: normal;
  margin-right: 0.8em;
}

table.certificate_program {
  width: 750px;
  border: none;
  font-size: 10px;
}
table.certificate_program td {
  vertical-align: top;
  background: #fff;
}
div.certificate_block {
  position: relative;
  padding-top: 24px;
  min-height: 200px;
}
div.certificate_block table {
  border: none;
}
.certificate_program td.shortname {
  font-weight: bold;
}
.certificate_program a.pass {
  color: #0a0;
}
.certificate_program a.fail {
  color: #f00;
}
div.graduation {
  min-height: 150px;
  padding-bottom: 50px;
}
.certificate_block h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 14px 0;
  background: #e58a00;
}
#student_popup td.class_details {
  font-weight: normal;
  padding: 1em 1em 1em 2em;
}
td.class_details .description {
  margin: 1.2em 0;
}
ul.class_details {
  list-style: none;
}
ul.class_details li {
  margin: 3px 0;
}

/* descendent shape control */
.square .xbox { display: none; }
.square .evt-content { padding: 0; }
table#weekview .round { border: none; }