html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 16px;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-family: arial, sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0;
  text-align: center;
}

body {
  background-color: #fffaf1;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1 {
  font-size: 38px;
  font-weight: bold;
  color: #97c93c;
  margin: 7px 0 5px 0;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  color: #f7961c;
  margin: 4px 0 5px 0px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #333333;
  margin: 0 0 11px 11px;
}

h4 {
  font-style: italic;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 0 0 6px 0;
  padding: 0;
}

h4.caption {
  font-style: italic;
  font-size: 11px;
  font-weight: bold;
  color: #0c1ea5;
  text-align: center;
  margin: 0;
  padding: 0;
}

p {
  font-family: arial, sans-serif;
}

p, pre {
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  margin: 0px 15px 11px 0px;
  text-align: left;
}

td, tr, table {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  line-height: 150%;
  margin: 0 8px 5px 0;
  border: 0;
}

img {
  border: 0;
}

a {
 margin: 0px 0px 0px 0px;
}

a:link {

/*  color: #ba1f20; */
/*  color: #0c1ea5; */
  color: #2b388f;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

a:visited {
/*  color: #0c1ea5; */
  color: #2b388f;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

a:hover {
/*  color: #ba3c3c; */
  color: #4c558f;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

a.light:link {
  color: #f7f1e8;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}

a.light:visited {
  color: #f7f1e8;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

a.light:hover {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

.required {
  background-color: #fffb69;
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0px 5px 0px 5px;
  width: 180px;
}

/*
 * .floatleft { float: left; }
 * .floatright {float: right; }
 * .clear {clear: both;}
 */

span.hide {
  display: none;
}

/*
 * framework
 */

div#site_topic {
  margin: auto;
  width: 1000px;
}

h1 {
  color: #ffffff;
  font-size: 10px;
}

div#site_topic p {
  color: #3b93d0;
  font-size: 9px;
}

div#leaderboard {
  background-color: #ffffff;
  clear: both;
  width: 728px;
}

div#masthead_banner {
  margin: 0px 0px 8px 0px;
  position: relative;
  text-align: left;
  width: 468px;
}

div.income {
  position: absolute;
  left: 236px;
  top: 19px;
}

div#scraper_left, div#scraper_right {
  clear: both;
  position: absolute;
  text-align: left;
  top: 660px;
  width: 160px;
}

div#scraper_left {
  left: 0px;
}

div#scraper_right {
  left: 838px;
}

div#wrapper {
  width: 1000px;
  background-color: #3b93d0;
  position: relative;
  text-align: left;
  margin: 0 auto;
}

div#workzone_holder {
  width: 840px;
  background-color: #3b93d0;
  margin: 0px 0px 0px 160px;
}

div#workzone {
  width: 665px;
  min-height: 1320px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 50px 11px;
  background-color: #fffaf1;
}

div#todo_portal {
  position: fixed;
  bottom: 0px;

  background-color: #ffd18f;
  border: 2px solid #faaf40;
  padding: 5px;
  text-align: center;
  width: 150px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
}

div#todo_portal a {
  color: #f7961c;
  font-style: normal;
}


div#share {
  background-color: #2b388f;
  height: 25px;
  padding: 10px 0px 0px 0px;
}

.notice {
  background-color: #89ceed;
  color: #000000;
  font-weight: bold;
  padding: 5px 15px;
  margin: 0px 0px 0px -11px;
}

.notice p {
  background-color: #89ceed;
  color: #000000;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.notice p img {
  vertical-align: middle;
}

div#workzone.home {
  background-color: #c3996b;
  width: 676px;
  padding-left: 0px;
}

div#workzone.home .notice {
  margin-left: 0px;
  margin-bottom: 22px;
}

a#logo {
  position: absolute;
  left: 25px;
  top: 0px;
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -836px -664px;
  display: block;
  height: 156px;
  width: 164px;
}

div .masthead {
  height: 206px;
}

div#masthead {
  background: url(/images/elements/site-frame/chrome.png) no-repeat #fffaf1;
  width: 1000px;
}

div#masthead.home {
  background-color: #c3996b;
}

div#masthead div.campus_clock {
  background: url(/images/elements/site-frame/chrome.png) no-repeat transparent;
  background-position: -690px -519px;
  left: 600px;
  height: 32px;
  position: absolute;
  top: 115px;
  width: 172px;
}

div#masthead .clock {
  border: 0;
  font-size: 13px;
  font-weight: normal;
  margin: 11px 0px 0px 110px;
  padding: 1px 0px 3px 0px;
}


div#masthead div.log_button {
  left: 788px;
  position: absolute;
  top: 115px;
}

div#masthead div.log_button a {
  background: url(/images/elements/site-frame/chrome.png) no-repeat transparent;
  display: block;
  height: 32px;
  width: 80px;
}

div#masthead div.log_button.out a {
  background-position:  -266px -519px;
}
div#masthead div.log_button.out a:hover {
  background-position: -266px -551px;
}
div#masthead div.log_button.in a {
  background-position: -348px -519px;
}
div#masthead div.log_button.in a:hover {
  background-position: -348px -551px;
}


div.sidebar_create_account {
  margin-top: -13px;
}

div#topmenu {
  float: left;
  display: inline;

  margin-top: 3px;
}


div#search input {
  border: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

span#search {
  color: #efefd0;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-align: right;
}

div.hook_up input[type=text] {
  width: 150px;
}

div .dashboard {
}

div#dashboard {
  clear: both;
  border: 0;
  margin: 0px 0px 0px 236px;
  padding: 19px 0px 0px 0px;
  width: 744px;
}

/*
 * Login
 */

div#dashboard .welcome {
  float: right;
  display: inline;

  border: 0;
  border-left: 3px dotted #fbbd6d;
  height: 146px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 264px;
}

div#dashboard .welcome ul.tabs {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#dashboard .welcome .tabs li {
  float: left;
  display: inline;

  margin: 0px 4px 0px 0px;
}

div#dashboard h1 {
  border: 0;
  color: #0c1ea5;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -3px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#dashboard p.tagline {
  border: 0;
  color: #000000;
  font-family: century schoolbook, times new roman;
  font-size: 27px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: -2px;
  line-height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#secondmenu #login_holder {
  background-color: #1b75ba;
  border: 0;
  clear: left;
  margin: -5px 0px 0px -257px;
  position: absolute;
  z-index: 99;
}

#secondmenu #padding {
  height: 113px;
  padding: 11px 14px 11px 14px;
  width: 229px;
}

#login-box {
  background-color: #1b75ba;
  border-top: 2px dotted #ffffff;
  border-bottom: 2px dotted #ffffff;
  color: #ffffff;
  height: 85px;
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 12px 0px;
  position: relative;
}

#login-box img,#login-box input {
  position: absolute;
}

form.login {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #1b75ba;
  margin: 8px 0 0 20px;
}

#login-box img.username, #login-box img.password {
  width: 75px;
}

#login-box input.username, #login-box input.password {
  background-color: #fffaf1;
  border: 0;
  color: #000000;
  font-size: 12px;
  height: 13px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
}

#login-box img.username {
  left: 0px;
  top: 17px;
}

#login-box img.password {
  left: 0px;
  top: 38px;
}

#login-box input.username {
  left: 78px;
  top: 17px;
}

#login-box input.password {
  left: 78px;
  top: 38px;
}

#login-box .button {
  left: 188px;
  top: 10px;
}

#login-box .remember, #login-box .forget {
  color: #ffffff;
  margin: 0px;
  position: absolute;
}

#login-box .remember {
  left: 0px;
  top: 55px;
}

#login-box .forget {
  height: 20px;
  left: 110px;
  padding-top: 8px;
  top: 55px;
}

#login-box .forget a {
  border-left: 2px solid #fbbd6d;
  color: #ffffff;
  font-size: 11px;
  font-style: normal;
  padding-left: 10px;
  text-decoration: none;
}

#login-box #remember_label {
  font-size: 11px;
  position: static
}

#login-box #remember_me {
  position: relative;
  top: 2px;
}

#login-box #fb_login {
  left: 70px;
  position: absolute;
  top: 80px;
}

.user-edit #fb_login {
  left: 500px;
  position: absolute;
  top: 35px;
}

/*
 * New session
 */

.new-session .image {
  float: left;
  display:inline;
  margin: 10px 0px 0px -10px;
}

.new-session .login-form, .new-session .create-form {
  background:#fffaf1 url(/images/courses/detail-oval.png) no-repeat;
  height: 120px;
  margin: 20px 0px 0px 230px;
  position: relative;
  width: 420px;
}

.new-session .login-form .user label {
  position: absolute;
  left: 25px;
  top: 21px;
}

.new-session .login-form .pass label {
  position: absolute;
  left: 28px;
  top: 51px;
}

.new-session .login-form .user input  {
  position: absolute;
  left: 120px;
  top: 21px;
}

.new-session .login-form .pass input  {
  position: absolute;
  left: 120px;
  top: 51px;
}

.new-session .login-form .button {
  position: absolute;
  left: 315px;
  top: 30px;
}

.new-session .login-form p.remember {
  position: absolute;
  left: 10px;
  top: 81px;
}

.new-session .login-form p.remember label {
  font-size: 12px;
}

.new-session .login-form p.forgot {
  position: absolute;
  font-size: 12px;
  left: 170px;
  margin: 0;
  top: 85px;
}

.new-session .login-form p.forgot a {
  color: #333333;
  font-size: 12px;
}

.new-session .create-form p.query {
  position: absolute;
  left: 40px;
  top: 48px;
}

.new-session .create-form p.button {
  position: absolute;
  left: 230px;
  top: 43px;
}

/*
 * Main Menu
 */

div .mainmenu {
  top: 206px;
}

div#mainmenu {
  position: absolute;
  left: 0px;
  text-align: center;
  width: 160px;
}


#mainmenu p {
  text-align: center;
}

#mainmenu p.entry {
  text-align: left;
}

#mainmenu p.subentry, #mainmenu p.subentry a {
  margin-left: 10px;
}

#mainmenu p.job_heading {
  color: #000000;
}

div#mainmenu .profile {
  background-color: #f6921e;
  height: 425px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 160px;
}

div#mainmenu .profile .student_container {
  background: #faaf40 url(/images/elements/site-frame/chrome.png) -160px -589px no-repeat;
  height: 153px;
  margin: 0px 0px 0px 0px;
  width: 104px;
}

div#mainmenu .profile .student_image {
  margin: auto;
  padding: 9px 0px 5px 0px;
}

div#mainmenu .profile .student_image a {
  font-size: 14px;
}

#mainmenu .icon {
  margin: 2px 0px 0px 1px;
  padding: 0px;
}

#mainmenu .icon .pict {
  height: 52px;
}

#mainmenu .stats li.even {
  color: #000000;
}

#mainmenu .stats li.odd {
  color: #000000;
}

#mainmenu .stats li.tri {
  margin-top: 8px;
}

#mainmenu p {
  color: #30cccc;
  line-height: 110%;
  margin: 0px;
  text-align: center;
}

#mainmenu .nav {
  float: right;
  display: inline;

  border: 0;
  margin: auto;
  padding: 0px 0px 0px 0px;
  width: 56px;
  text-align: center;
}

#mainmenu .stats {
  background-color: #faaf40;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: 104px;
}

#mainmenu .stats ul {
  color: #000000;
  line-height: 100%;
  text-align: left;
}

#mainmenu .stats li, #mainmenu .stats li span {
  font-size: 12px;
}

#mainmenu .stats li {
  min-height: 17px;
  padding: 3px 0px 0px 1px;
}

#mainmenu .stats li.job a {
  margin-left: 15px;
  text-indent: -15px;
}

#mainmenu .stats li.job {
  background-color: #f6921e;
}

#mainmenu .stats li .pending_friendships {
  color: #ff3333;
  font-size: 12px;
}

#mainmenu .stats .item {
  color: #000000;
}

#mainmenu .icon .planner a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -272px;
  display: block;
  margin: auto;
  height: 9px;
  width: 48px;
}

#mainmenu .icon .whiteboard a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -219px;
  display: block;
  margin: auto;
  height: 18px;
  width: 35px;
}

#mainmenu .icon .friendships a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -260px;
  display: block;
  margin: auto;
  height: 9px;
  width: 48px;
}

#mainmenu .icon .switch_pet a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -239px;
  display: block;
  margin: auto;
  height: 18px;
  width: 38px;
}

#mainmenu .icon .bookbag a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -283px;
  display: block;
  margin: auto;
  height: 9px;
  width: 48px;
}

#mainmenu .icon .room a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -780px -294px;
  display: block;
  margin: auto;
  height: 9px;
  width: 30px;
}

#mainmenu .icon .pict.friendships a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -930px -258px;
  display: block;
  margin: auto;
  height: 52px;
  width: 50px;
}

#mainmenu .icon .pict.new_friends a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -916px -207px;
  display: block;
  margin: auto;
  height: 52px;
  width: 50px;
}

#mainmenu .icon .pict.switch_pet a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -868px -520px;
  display: block;
  margin: auto;
  height: 52px;
  width: 50px;
}

div.divider {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -703px -551px;
  display: block;
  height: 17px;
  width: 160px;
}

/*
 * Second Menu
 */

div .secondmenu {
  top: 206px;
}

div#secondmenu {
  position: absolute;
  left: 836px;
  width: 164px;
  text-align: center;
  /* work-around IE7 z-index bug */
  z-index: 3000;
}

#secondmenu p {
  text-align: center;
}

#secondmenu.people_store {
  display: none;
}

div#workzone.people_store {
  width: 829px;
}

/*
 * Menu
 */

#menu .entry {
  position: absolute;
  top: 138px;
}

#menu .entry a {
  background: url(/images/elements/site-frame/chrome.png) no-repeat transparent;
  display: block;
  height: 35px;
}

#menu .entry a:hover {
  background-position: left bottom;
}

#menu .entry.home {
  left: 12px;
}
#menu .entry.home a {
  background-position: 0px -206px;
  width: 51px;
}
#menu .entry.home a:hover {
  background-position: 0px -241px;
}
#menu .entry.home.current a {
  background-position: 0px -276px;
}

#menu .entry.account {
  left: 73px;
}
#menu .entry.account a {
  background-position: -51px -206px;
  width: 81px;
}
#menu .entry.account a:hover {
  background-position: -51px -241px;
}
#menu .entry.account.current a {
  background-position: -51px -276px;
}

#menu .entry.explore {
  left: 162px;
}
#menu .entry.explore a {
  background-position: -132px -206px;
  width: 110px;
}
#menu .entry.explore a:hover {
  background-position: -132px -241px;
}
#menu .entry.explore.current a {
  background-position: -132px -276px;
}

#menu .entry.courses {
  left: 282px;
}
#menu .entry.courses a {
  background-position: -242px -206px;
  width: 66px;
}
#menu .entry.courses a:hover {
  background-position: -242px -241px;
}
#menu .entry.courses.current a {
  background-position: -242px -276px;
}

#menu .entry.faculty {
  left: 357px;
}
#menu .entry.faculty a {
  background-position: -308px -206px;
  width: 75px;
}
#menu .entry.faculty a:hover {
  background-position: -308px -241px;
}
#menu .entry.faculty.current a {
  background-position: -308px -276px;
}

#menu .entry.arcade {
  left: 443px;
}
#menu .entry.arcade a {
  background-position: -383px -206px;
  width: 67px;
}
#menu .entry.arcade a:hover {
  background-position: -383px -241px;
}
#menu .entry.arcade.current a {
  background-position: -383px -276px;
}

#menu .entry.groups {
  left: 524px;
}
#menu .entry.groups a {
  background-position: -450px -206px;
  width: 65px;
}
#menu .entry.groups a:hover {
  background-position: -450px -241px;
}
#menu .entry.groups.current a {
  background-position: -450px -276px;
}

#menu .entry.students {
  left: 602px;
}
#menu .entry.students a {
  background-position: -515px -206px;
  width: 90px;
}
#menu .entry.students a:hover {
  background-position: -515px -241px;
}
#menu .entry.students.current a {
  background-position: -515px -276px;
}

#menu .entry.shop {
  left: 703px;
}
#menu .entry.shop a {
  background-position: -605px -206px;
  width: 57px;
}
#menu .entry.shop a:hover {
  background-position: -605px -241px;
}
#menu .entry.shop.current a {
  background-position: -605px -276px;
}

#menu .entry.petros {
  left: 770px;
}
#menu .entry.petros a {
  background-position: -662px -206px;
  width: 118px;
}
#menu .entry.petros a:hover {
  background-position: -662px -241px;
}
#menu .entry.petros.current a {
  background-position: -662px -276px;
}

#menu .entry.tutorial {
  left: 890px;
  top: 103px;
}
#menu .entry.tutorial a {
  background-position: -266px -591px;
  height: 67px;
  width: 110px;
}
#menu .entry.tutorial a:hover {
  background-position: -266px -658px;
}
#menu .entry.tutorial.current a {
  background-position: -427px -554px;
}

#navbar div {
  position: absolute;
  top: 167px;
}

#navbar div a {
  background-image: url(/images/elements/site-frame/chrome.png);
  display: block;
  height: 35px;
}

#navbar div.newspaper {
  left: 8px;
}
#navbar div.newspaper a {
  background-position: -388px -310px;
  width: 99px;
}
#navbar div.newspaper a:hover {
  background-position: -388px -345px;
}

#navbar div.calendar {
  left: 118px;
}
#navbar div.calendar a {
  background-position: -905px -380px;
  width: 91px;
}
#navbar div.calendar a:hover {
  background-position: -905px -415px;
}

#navbar div.whatdo {
  left: 219px;
}
#navbar div.whatdo a {
  background-position: -381px -622px;
  width: 146px;
}
#navbar div.whatdo a:hover {
  background-position: -381px -658px;
}

#navbar div.howdo {
  left: 368px;
}
#navbar div.howdo a {
  background-position: -483px -310px;
  width: 88px;
}
#navbar div.howdo a:hover {
  background-position: -483px -345px;
}

#navbar div.petrocash {
  left: 8px;
}
#navbar div.petrocash a {
  background-position: -460px -380px;
  width: 120px;
}
#navbar div.petrocash a:hover {
  background-position: -460px -415px;
}

#navbar div.aux {
  left: 147px;
}
#navbar div.aux a {
  background-position: -220px -310px;
  width: 90px;
}
#navbar div.aux a:hover {
  background-position: -220px -345px;
}

#navbar div.parent_profile {
  left: 8px;
}
#navbar div.parent_profile a {
  background-position: -692px -310px;
  width: 170px;
}
#navbar div.parent_profile a:hover {
  background-position: -692px -345px;
}

#navbar div.preferences {
  left: 195px;
}
#navbar div.preferences a {
  background-position: -166px -450px;
  width: 139px;
}
#navbar div.preferences a:hover {
  background-position: -166px -485px;
}

#navbar div.add_pet {
  left: 350px;
}
#navbar div.add_pet a {
  background-position: 0px -310px;
  width: 117px;
}
#navbar div.add_pet a:hover {
  background-position: 0px -345px;
}

#navbar div.change_password {
  left: 483px;
}
#navbar div.change_password a {
  background-position: -117px -519px;
  width: 148px;
}
#navbar div.change_password a:hover {
  background-position: -117px -554px;
}

#navbar div.profile {
  left: 1px;
}
#navbar div.profile a {
  background-position: -824px -450px;
  width: 73px;
}
#navbar div.profile a:hover {
  background-position: -824px -485px;
}
#navbar div.profile.two {
  left: 273px;
  top: 149px;
}

#navbar div.parents {
  left: 90px;
}
#navbar div.parents a {
  background-position: -755px -450px;
  width: 73px;
}
#navbar div.parents a:hover {
  background-position: -755px -485px;
}

#navbar div.friends {
  left: 180px;
}
#navbar div.friends a {
  background-position: -861px -310px;
  width: 68px;
}
#navbar div.friends a:hover {
  background-position: -861px -345px;
}

#navbar div.room {
  left: 264px;
}
#navbar div.room a {
  background-position: -636px -310px;
  width: 54px;
}
#navbar div.room a:hover {
  background-position: -636px -345px;
}

#navbar div.whiteboard {
  left: 337px;
}
#navbar div.whiteboard a {
  background-position: -893px -450px;
  width: 106px;
}
#navbar div.whiteboard a:hover {
  background-position: -893px -485px;
}
#navbar div.whiteboard.two {
  left: 75px;
  top: 174px;
}
#navbar div.whiteboard.two.b {
  left: 169px;
  top: 168px;
}
#navbar div.whiteboard.two a {
  background-position: -164px -748px;
  width: 106px;
}
#navbar div.whiteboard.two a:hover {
  background-position: -164px -783px;
}

#navbar div.bookbag {
  left: 464px;
}
#navbar div.bookbag a {
  background-position: -310px -310px;
  width: 77px;
}
#navbar div.bookbag a:hover {
  background-position: -310px -345px;
}

#navbar div.photos {
  left: 562px;
}
#navbar div.photos a {
  background-position: -572px -310px;
  width: 65px;
}
#navbar div.photos a:hover {
  background-position: -572px -345px;
}

#navbar div.student_profile {
  left: 645px;
}
#navbar div.student_profile a {
  background-position: -800px -380px;
  width: 104px;
}
#navbar div.student_profile a:hover {
  background-position: -800px -415px;
}

#navbar div.new_profile_picture {
  left: 767px;
}
#navbar div.new_profile_picture a {
  background-position: 0px -450px;
  width: 168px;
}
#navbar div.new_profile_picture a:hover {
  background-position: 0px -485px;
}

#navbar div.greek {
  left: 4px;
}
#navbar div.greek a {
  background-position: -359px -380px;
  width: 57px;
}
#navbar div.greek a:hover {
  background-position: -359px -415px;
}

#navbar div.clubs {
  left: 77px;
}
#navbar div.clubs a {
  background-position: -414px -380px;
  width: 48px;
}
#navbar div.clubs a:hover {
  background-position: -414px -415px;
}

#navbar div.sports {
  left: 144px;
}
#navbar div.sports a {
  background-position: -933px -310px;
  width: 57px;
}
#navbar div.sports a:hover {
  background-position: -933px -345px;
}

#navbar div.forums {
  left: 218px;
}
#navbar div.forums a {
  background-position: -730px -380px;
  width: 72px;
}
#navbar div.forums a:hover {
  background-position: -730px -415px;
}

#navbar div.back_to_album {
  left: 8px;
}
#navbar div.back_to_album a {
  background-position: -634px -450px;
  width: 124px;
}
#navbar div.back_to_album a:hover {
  background-position: -634px -485px;
}

#navbar div.album_list {
  left: 7px;
}
#navbar div.album_list a {
  background-position: -579px -380px;
  width: 154px;
}
#navbar div.album_list a:hover {
  background-position: -579px -415px;
}

#navbar div.edit_caption {
  left: 180px;
}
#navbar div.edit_caption a {
  background-position: -251px -380px;
  width: 108px;
}
#navbar div.edit_caption a:hover {
  background-position: -251px -415px;
}

#navbar div.crop_photo {
  left: 307px;
}
#navbar div.crop_photo a {
  background-position: 0px -380px;
  width: 102px;
}
#navbar div.crop_photo a:hover {
  background-position: 0px -415px;
}

#navbar div.set_picture {
  left: 428px;
}
#navbar div.set_picture a {
  background-position: -302px -450px;
  width: 177px;
}
#navbar div.set_picture a:hover {
  background-position: -302px -485px;
}

#navbar div.delete_photo {
  left: 623px;
}
#navbar div.delete_photo a {
  background-position: 0px -519px;
  width: 118px;
}
#navbar div.delete_photo a:hover {
  background-position: 0px -554px;
}

#navbar div.upload_photo {
  left: 758px;
}
#navbar div.upload_photo a {
  background-position: -476px -450px;
  width: 161px;
}
#navbar div.upload_photo a:hover {
  background-position: -476px -485px;
}

#navbar div.create_new_photo {
  left: 91px;
}
#navbar div.create_new_photo a {
  background-position: -477px -450px;
  width: 152px;
}
#navbar div.create_new_photo a:hover {
  background-position: -477px -485px;
}

#navbar div.create_new_album {
  left: 187px;
  top: 161px;
}
#navbar div.create_new_album a {
  background-position: -101px -380px;
  width: 152px;
}
#navbar div.create_new_album a:hover {
  background-position: -101px -415px;
}

#menu ul {
  font-size: 11px;
  list-style: none;
  line-height: normal;
  margin: auto;
  height: 21px;
  text-align: center;
  white-space: nowrap;
}

#menu li {
/*  border-left: 2px solid #f7961c; */
  padding: 1px 7px 1px 7px;
  margin: 0;
  display: inline;
}

#menu li a {
  text-decoration: none;
  color: #fffaf1;
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
}

#menu li a:hover {
  color: #c1eaeb;
}

#menu li.first {
  border-left: none;
}

#menu li.home a {
  color: #30cccc;
}

#menu p.cash {
  float: right;
  display:inline;
  color: #fff;
  font-weight: bold;
  line-height: normal;
  margin: 0px 5px 0px 0px;
}

#menu p.cash span {
  color: #30cccc;
}

#menu li.tutorial a {
  color: #ff3333;
}

/*
 * Get Currency
 */

div.currency_offer {
  float: left;
  display: inline;
  margin: 0px 10px;
}

/*
 * Page help
 */

#page_help a:hover {
  background-position: -538px -542px;
}

#page_help {
  left: 846px;
  position: absolute;
  top: 173px;
}

#page_help a {
  background-image: url(/images/elements/site-frame/chrome.png);
  background-position: -538px -519px;
  display: block;
  height: 23px;
  width: 150px;
}

#page_help_dialog {
  background-image: url('/images/bg-gray-transparent.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250%;
  text-align: center;
  z-index: 10000;
}

#page_help_message  li {
  color: #000000;
  display: list-item;
  float: none;
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 8px 0px;
  width: 410px;
}

#page_help_message  ul {
  clear: none;
  list-style-image: url(/images/elements/red-bullet.png);
  list-style-type: circle;
  list-style-position: inside;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}


/*
 * Locations
 */

div.location {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0;
}

.location .flash_map {
  margin-left: -11px;
  text-align: center;
}

.location .icon {
  text-align: center;
}

.location ul.children {
  list-style: none;
  padding: 0px 20px 0px 20px;
}

.location .children li {
  float: left;
  display: inline;

  width: 150px;
  margin-right: 6px;
  margin-bottom: 6px;
  height: 240px;
  text-align: left;
}

.location ul.children .name {
  color: #f89720;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  margin: 0px 0px 3px 0px;
  text-transform: uppercase;
}

.location .ident {
  padding-left: 20px;
}

.location .button {
  padding-left: 20px;
}

.location ul {
  clear: left;
  margin: 0px 0px 0px 0px;
  padding: 5px;
}

.location li.course {
  border-bottom: 2px dotted #31cab8;
  height: 165px;
  list-style: none;
  margin-bottom: 0px;
  width: 630px;
}

.location li.course div.course-name,
.location li.course div.course-code,
.location li.course div.faculty,
.location li.course div.take {
  height: 152px;
}

.location li.course .first {
  border-top: 2px dotted #31cab8;
}

.location .course.odd {
  background-color: #ebe5de;
}

.location .course-name {
  float: left;
  display: inline;
  width: 244px;
  border-left: 2px solid #fffaf1;
  border-right: 2px solid #fffaf1;
  padding: 5px;
}
.location .course-name .credit {
  float: right;
  display: inline;
  padding: 3px 5px 0px 0px;
}

.location .course-code {
  float: left;
  display: inline;
  width: 110px;
  border-left: 2px solid #fffaf1;
  border-right: 2px solid #fffaf1;
  padding: 5px;
}
.location .faculty {
  float: left;
  display: inline;
  width: 110px;
  border-left: 2px solid #fffaf1;
  border-right: 2px solid #fffaf1;
  padding: 5px;
}
.location .take {
  float: left;
  display: inline;
  width: 110px;
  border-left: 2px solid #fffaf1;
  border-right: 2px solid #fffaf1;
  padding: 5px;
}

.location .image-content {
  margin-left: -10px;
}

/*
 * Arcade
 */

.arcade .head {
  text-align: center;
  width: 654px;
}

.arcade ul.index {
  list-style: none;
  padding: 10px 0px 0px 0px;
}

.arcade ul.index li {
  float: left;
  display: inline;

  height: 118px;
  margin: 0px 11px 16px 5px;
  width: 149px;
}

.arcade div.high_scores {
  padding: 0px 0px 20px 0px;
  width: 644px;
  margin: 0px 0px 0px 18px;
}

.arcade .high_scores table.games {
  margin: 0px 0px 0px 20px;
  width: 605px;
}

.arcade .high_scores table.games td {
  border: 2px solid #90278e;
}

.arcade .high_scores table.games th {
  border: 2px solid #90278e;
  text-align: center;
  vertical-align: middle;
}

.arcade .high_scores table.winners {
  width: 80%;
  margin: auto;
}

.arcade .high_scores table.winners td {
  border: none;
  padding: 0px;
}

.arcade .high_scores table.winners td.scores {
  text-align: right;
}



/*
 * Home page
 */

div.home_page {
  position: relative;
}

div.home_page .logged_out {
  padding-top: 125px;
}

div.home_contents {
  background-image: url(/images/elements/site-frame/center-background.png);
  background-repeat: no-repeat;
  zoom: 1;
  position: relative;
}

.home_page #slideshow {
  position: relative;
  height: 274px;
  margin: -22px 0px 0px 0px;
  width: 654px;
}

.home_page #slideshow .slide {
  position: absolute;
  top: 0;
  z-index: 1;
}

.home_page #campus_fun {
  border: 1px solid #9e1f63;
  height:121px;
  left: 30px;
  position: absolute;
  top: 546px;
  width: 290px;
}

.home_page #campus_fun .ad {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.home_page ul.index {
  list-style: none;
  padding: 10px 0px 0px 1px;
  position: absolute;
  top: 1200px;
  left: 0px;
}

.home_page ul.index > li {
  float: left;
  display: inline;

  height: 380px;
  margin: 0px 10px 12px 0px;
  text-align: center;
  width: 320px;
}

.home_page .home_contents p {
  font-size: 15px;
  line-height: 120%;
  margin: 0px 0px 5px 0px;
}

.home_page .home_contents p strong, .home_page .home_contents p .caps {
  font-size: 15px;
}

.home_page div#dogtime {
  height: 250px;
  left: 363px;
  position: absolute;
  top: 247px;
  width: 300px;
}

.home_page div.aug_blog {
  height: 127px;
  left: 463px;
  position: absolute;
  top: 550px;
  width: 165px;
}

.home_page div.aug_blog .title {
  color: #ee4036;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 2px 0px 7px 0px;
}

.home_page div.site_message {
  left: 118px;
  position: absolute;
  top: 7px;
  z-index: 49;
}

.home_page div.baoc_pennant {
  left: 310px;
  position: absolute;
  top: 0px;
  z-index: 50;
}

.home_page div.baoc_pennant a {
  display: block;
  background-position: left top;
  background-image: url(/images/elements/site-frame/baoc-pennant.png);
  background-position: left bottom;
  height: 114px;
  width: 292px;
}

.home_page div.baoc_pennant.front {
  left: -25px;
  position: absolute;
  top: -20px;
  z-index: 50;
}

.home_page div.baoc_pennant.front a {
  background-image: url(/images/elements/site-frame/baoc-pennant-big.png);
  height: 189px;
  width: 485px;
}

.home_page div.baoc_pennant a:hover {
  background-position: left bottom;
}

.home_page div.baoc_leader_image {
  border: 2px solid #be1e2d;
  height: 104px;
  left: 363px;
  position: absolute;
  top: 103px;
  width: 90px;
}

.home_page div.baoc_leader_name {
  left: 368px;
  position: absolute;
  text-align: center;
  top: 212px;
  width: 90px;
}

.home_page div.baoc_leader_more {
  left: 480px;
  position: absolute;
  top: 210px;
  width: 90px;
}

.home_page div.baoc_leader_table {
  border: 2px solid #be1e2d;
  left: 470px;
  position: absolute;
  top: 103px;
  width: 193px;
}

.home_page div.baoc_leader {
  background-color: #be1e2d;
  padding: 2px;
}

.home_page div.baoc_leader a {
  color: #ffffff;
}

.home_page div.baoc_leader.odd {
  background-color: #ffffff;
}

.home_page div.baoc_leader.odd a {
  color: #2b388f;
}

.home_page div.house_leader_image {
  height: 104px;
  left: 262px;
  position: absolute;
  top: 769px;
  width: 90px;
}

div.baoc_frame_small {
  background-image: url(/images/badges/frames/baoc-frame-offline.png);
  background-repeat: no-repeat;
  height: 110px;
  left: 6px;
  top: 8px;
  position: absolute;
  width: 127px;
}

.baoconline div.baoc_frame_small {
  background-image: url(/images/badges/frames/baoc-frame-online.png);
}

div.baoc_frame_large {
  background-image: url(/images/badges/frames/baoc-frame-offline-lg.png);
  background-repeat: no-repeat;
  height: 215px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 190px;
}

.baoconline div.baoc_frame_large {
  background-image: url(/images/badges/frames/baoc-frame-online-lg.png);
}

.home_page div.house_leader_table {
  left: 350px;
  position: absolute;
  top: 854px;
}

.home_page div.house_leader_table p {
  line-height: 100%;
  margin: 0px;
}

.home_page div.campus_news_image {
  border: 1px solid #283890;
  left: 190px;
  position: absolute;
  top: 300px;
}

.home_page div.campus_news_image p, .home_page div.campus_news_image_left p {
  margin: 0px;
}

.home_page div.campus_news {
  left: 190px;
  position: absolute;
  top: 427px;
  width: 145px;
}

.home_page div.campus_news_image_left {
  border: 1px solid #283890;
  left: 40px;
  position: absolute;
  top: 300px;
}

.home_page div.campus_news_left {
  left: 35px;
  position: absolute;
  top: 427px;
  width: 145px;
}


.home_page div.featured_house_student_name {
  left: 470px;
  position: absolute;
  top: 970px;
}

.home_page div.flash_featured_house {
  background-color: #e9d8b4;
  margin: 1007px 0px 0px 18px;
  padding: 0px 0px 5px 0px;
  width: 649px;
}

.home_page div.featured_student_img {
  border: 2px solid #be1e2d;
  height: 104px;
  left: 420px;
  position: absolute;
  top: 760px;
  width: 90px;
}

.home_page div.featured_student_name {
  position: absolute;
  left: 420px;
  text-align: center;
  top: 870px;
  width: 90px;
}

.home_page div.featured_student_desc {
  left: 552px;
  position: absolute;
  top: 810px;
  width: 112px;
}

.featured_qualities li {
  display: marker;
  padding: 0px 5px 0px 0px;
}

.featured_qualities > ul {
  list-style-image: url(/images/elements/red-bullet.png);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

.featured_qualities > ul > li {
  margin: 0px 0px 8px 0px;
  font-weight: normal;
}

.home_page div.campus_captions {
  height: 250px;
  left: 8px;
  position: absolute;
  top: 734px;
  width: 245px;
}

.home_page div.campus_captions .photo p {
  text-align: center;
  width: 245px;
}

.home_page div.campus_captions .caption {
  height: 60px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0px 0px 0px 5px;
  width: 240px;
}

.home_page div.site_intro {
  left: 21px;
  position: absolute;
  top: 62px;
  width: 290px;
}

.site_intro ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.site_intro li {
  background:#ffffff url(/images/elements/site-frame/begin-here-button-background.png) no-repeat;
  height: 21px;
  margin-bottom: 7px;
  padding: 3px 0px 0px 0px;
  width: 297px;
}

.site_intro li#two_buttons {
  background:#ffffff url(/images/elements/site-frame/begin-here-two-buttons.png) no-repeat;
}

.site_intro li a {
  color: #000000;
  font-size: 16px;
  font-style: normal;
}

.site_intro li a:hover {
  color: #4c558f;
  text-decoration: underline;
}


/*
 * Profiles
 */

div.profile_menu {
  border-bottom: 3px dotted #fbbd6d;
  margin: 0px 20px 0px 0px;
  padding: 10px 0px 0px 0px;
}

.profile_menu ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.profile_menu li {
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.profile_menu .item {
  height: 100px;
  width: 80px;
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.profile_menu .item p {
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.profile_menu .item p.current {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 2px 0px 0px 0px;
  text-transform: uppercase;
  text-align: center;
}

/*
 * edit forms
 */

#personal_settings {
  position: relative;
}

.edit-fields {
  margin: 0px 20px 10px 0px;
  padding: 10px 10px 10px 10px;
}

.edit-fields p {
  font-weight: bold;
}

.edit-fields input, .edit-fields textarea, .edit-fields select, .asset input[type=file], .asset input[type=text]  {
  background-color: #ffffff;
  border: 1px solid #f7961c;
  color: #000000;
}

.edit-fields .permission {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin-top: -10px;
}

/*
 * Users
 */

.user p {
  margin: 0px 0px 0px 0px;
}

.user .icon {
  float: left;
  display: inline;

  padding: 0px 10px 0px 10px;
}

.user div.about_user {
  background:#fffaf1 url(/images/profiles/my-account-oval.png) no-repeat;
  height: 89px;
  margin: 15px 0px 10px 45px;
  padding: 8px 0px 0px 0px;
  width: 420px;
}

.user div.about_user .details {
  margin: 0px 0px 0px 70px;
}

.user .details .male, .user .details .female {
  color: #000000;
}

.user .full-name {
  font-size: 18px;
}

.user .about_user p {
  line-height: 110%;
}

.user p.gender {
  margin: 0px 0px 0px 0px;
}

.user h3, .user .image a, .user .pet .active,
.user-edit h3, .invitations h3 {
  clear: both;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #0c1ea5;
  margin: 0px 0px 5px 0px;
}

.edit-form.student h3 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #0c1ea5;
}

.edit-form.student h3,
.user-edit h3 {
  font-style: italic;
  text-transform: uppercase;
  margin-top: 20px;
  color: #f7961c;
}

.user-edit h3.login {
  margin-top: 0px;
}

.user-passwd {
  background: url(/images/courses/detail-oval.png) no-repeat;
  height: 120px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 420px;
}

.user-passwd.prefs {
  background: url(/images/faculty/detail-oval.png) no-repeat;
  height: 210px;
}

.user-passwd .personal_settings {
  left: 12px;
  position: absolute;
  top: 0px;
}

.user-passwd .personal_settings p {
  margin: 0px 0px 7px 0px;
}

.user-passwd .submit_tags {
  left: 22px;
  position: absolute;
  top: 75px;
}

.user-passwd.prefs .submit_tags {
  top: 165px;
}

.user-passwd .personal_settings.preferences {
  top: 10px;
}

.user-passwd .personal_settings.preferences label {
  display: block;
}

.user .image a {
  margin-top: 4px;
}

.user h3 .user_name, .user .image a {
  font-style: italic;
  text-decoration: none;
}

.user .image p {
  margin: 5px 0px 0px 0px;
  text-align: center;
  width: 179px;
}

.user div.pet {
  float: left;
  display: inline;

  height: 326px;
  margin: 0px 4px 20px 0px;
  width: 217px;
}

.user div.image {
  padding: 15px 0px 0px 15px;
}

.user .pet .delete {
  float: right;
  display: inline;

  margin: 0px 10px 0px 0px;
}

.user .pet .edit {
  margin: 0px 0px 0px 6px;
}

.user .pet div.action {
  margin: 10px 0px 0px 0px;
}

.user .pet form {
 clear: both;
 text-align: center;
}

.user .pet .active {
  text-align: center;
}

.user .pet.pressed {
  background: #fffaf1 url(/images/profiles/picture-frame-pressed.png) no-repeat;
}

.user .pet.unpressed {
  background: #fffaf1 url(/images/profiles/picture-frame.png) no-repeat;
}


div.enroll-head {
  height: 164px;
}

.enroll-head .head {
  margin: 0px 0px 0px 10px;
}

.enroll-head ul {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.enroll-head li, .enroll-head li div {
  float: left;
  display: inline;
}

.enroll-head li div {
  margin: 5px 0px 0px 10px;
}

.enroll-head li.on {
  background:#fffaf1 url(/images/profiles/enroll-tab-on.png) no-repeat;
  height: 42px;
  width: 189px;
}

.enroll-head li.off {
  background:#fffaf1 url(/images/profiles/enroll-tab-off.png) no-repeat;
  height: 42px;
  width: 189px;
}

.enroll-head h3, .user-edit .casey p.name {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #0c1ea5;
  margin: 14px 0px 0px 52px;
  text-transform: uppercase;
}

.user-edit, .new-student, .asset .asset-upload {
  background-color: #ebe3d9;
  margin: 0px 11px 0px 0px;
  padding: 10px 0px 10px 0px;
  width: 654px;
}

.asset .asset-upload {
  padding: 10px;
  width: 635px;
}

#uploader .asset .asset-upload {
  width: 580px;
}

.asset-upload .skip {
  float: right;
  display: inline;
  background-color: #ded3c5;
  padding: 5px 0px 0px 5px;
  width: 95px;
}

.asset-upload .skip p {
  font-size: 12px;
  margin: 0px;
}

div#gallery {
  height: 500px;
}

ul#picture-options {
  clear: both;
  margin: 0 0 80px 11px;
}

ul#picture-options li {
  float: left;
  display: inline;
  background-color: #ffa739;
  border: 4px solid #fbd2a4;
  padding: 8px;
  text-align: center;
  width: 185px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -moz-border-radius: 10px;
}

ul#picture-options li a {
  color: #ffffff;
  font-style: normal;
}

.student #uploader,
.student #gallery,
.student #instruct {
  border: 1px solid #757575;
  margin: 0 11px;
  padding: 20px;
}

.student #uploader h3,
.student #gallery h3,
.student #instruct h3 {
  margin: 0;
}

.student #gallery {
  padding: 20px 0px;
}

.student #gallery h3 {
  margin-left: 20px;
}

.student #gallery ul.adopt_photos {
  height: 484px;
  margin-top: 20px;
  overflow-y: scroll;
}

.student #gallery a.chosen img {
  border: 4px solid #0C1EA5;
}

.new-student .adopt {
  background:#ebe3d9 url(/images/elements/teal-oval.png) no-repeat;
  height: 29px;
  margin: 0px 0px 10px 10px;
  padding: 5px 0px 0px 10px;
  width: 630px;
}

.new-student .adopt p {
  color: #ffffff;
  font-weight: bold;
  margin: 0px 0px 0px 6px;
}

.user-edit .casey {
  float: left;
  display: inline;

  height: 200px;
  margin-left: -65px;
  text-align: center;
}

.user-edit .casey p.name {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.user-edit .casey p {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

p.checks {
  float: left;
  display: inline;
  width: 200px;
}


.user-edit h3.security {
  clear: none;
  margin-left: 250px;
}

.user-edit .recaptcha, .user-edit p.key {
  margin-left: 250px;
}

.user-edit .submit_tags {
  float: right;
  display: inline;

  margin: 50px 70px 30px 0px;
}

.new-student .submit_tags {
  float: right;
  display: inline;

  margin: 0px 270px 30px 0px;
}

/*
 * Students
 */

.student .gift_link {
  float: right;
  display: inline;

  margin: 0px 10px 0px 0px;
}

.student .gift_link img {
  vertical-align: middle;
}

.student p.gift_link a,
.student p.gift_link a:link,
.student p.gift_link a:hover,
.student p.gift_link a:visited,
.student p.gift_link {
  font-size: 16px;
  font-weight: bold;
}

.student #gift.overlay {
  display: block;
}

.student #gift.overlay .ad {
  margin-bottom: 5px;
}

.student #gift.overlay .list {
  height: 340px;
  margin-bottom: 5px;
  overflow: scroll;
  width: 590px;
}

.student #gift.overlay .list ul {
  padding: 0px;
}

.student #gift.overlay .list li {
  height: 170px;
}
.student #gift.overlay  .dialogBox {
  top: 5%;
}

.student .whiteboard {
  clear: right;
  float: right;
  display: inline;

  margin: 0px 10px 0px 20px;
}

.student .whiteboard img {
  vertical-align: middle;
}

.student .rumble {
  float: right;
  display: inline;
}

.student .info {
  background-color: #333333;
  clear: right;
  margin: 0px 11px 0px 0px;
  padding: 10px;
}

.student .image {
  float: left;
  display: inline;

  background-color: #ffffff;
  position: relative;
  text-align: center;
  width: 198px;
}

.student .image p {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 2px 0px 0px 0px;
  text-align: center;
}

.student .image img {
  margin-top: 11px;
}

.online img,
.student .image .online img
  border: 4px solid #0C1EA5;
  margin-top: 3px;
}

.student .halo {
  float: left;
  display: inline;

  margin: 0px 0px 0px -194px;
}

.student .card {
  background-color: #ffffff;
  height: 240px;
  margin: 0px 0px 0px 210px;
}

.student .card-line {
  background-color: #ffffff;
  border-bottom: 3px solid #a5dfe4;
  width: 423px;
}

.student .card-line p {
  line-height: 105%;
  margin: 0px 5px 0px 5px;
  padding: 0px;
}

.student .top {
  border-bottom: 2px solid #ff7a7a;
  height: 35px;
}

.student .bottom {
  border: none;
  height: 20px;
}

.student p.extra {
  padding-left: 50px;
}

.student .last_seen, .student .ident {
  float: right;
  display: inline;
}

.student .last_seen {
  color: #2c45fc;
}

.male {
  color: #2c45fc;
}
.female {
  color: #fc2c85;
}

.student .credits {
  float: left;
  display: inline;

  clear: both;
  width: 91px;
  height: 80px;
  background-color: #333333;
  background-image: url(/images/profiles/credits.png); background-repeat: no-repeat;
  margin: 10px 0px 0px 0px;
}

.student .credits.masters {
  background-image: url(/images/profiles/m-credits.png); background-repeat: no-repeat;
}

.student .credits p, .student .badge p {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  line-height: 100%;
  margin: 7px 0px 0px 0px;
  text-align: center;
}

.student .credits p.count, .student .badge p.count {
  font-size: 18px;
}

.student .badge p.count {
  margin: 25px 0px 0px 0px;
}

.student .badge {
  float: left;
  display: inline;

  width: 91px;
  height: 80px;
  background-color: #333333;
  background-image: url(/images/profiles/blue-badge.png); background-repeat: no-repeat;
  margin: 10px 0px 0px 15px;
}


.student .meters {
  float: left;
  display: inline;

  width: 422px;
  height: 80px;
  margin: 10px 0px 0px 15px;
}

.student .meters p {
  color: #fcb91c;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  overflow: hidden;
}

.student .meter {
  float: right;
  display: inline;

  width: 326px;
  height: 21px;
  background-image: url(/images/elements/meter.png); background-repeat: no-repeat;
}

.student .measure {
  float: right;
  display: inline;

  background-color: #fce45e;
  height: 16px;
  margin: 3px 3px 3px 0px;
}

.baoc_planner #level_hints {
  margin: 720px 0px 0px 10px;
}

.baoc_planner #level_hints img {
  margin: 0px 7px 0px 0px;
  vertical-align: middle;
}

.student .level {
  float: right;
  display: inline;

  color: #ffffff;
  font-weight: bold;
  margin: 1px 2px 0px 0px;
}

.student p.help {
  color: #f7961c;
  font-weight: normal;
}

.student p.angel {
  color: #f7961c;
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.student .adoption {
  float: right;
  display: inline;

  margin: 10px -10px 0px 0px;
}

.student .details, .student .minors {
  float: left;
  display: inline;

  margin: 5px 0px 0px 0px;
  width: 321px;
}

.student .minors {
  margin-left: 11px;
}

.student .minors h2 {
  text-align: center;
}

.student .minors div.minors_list {
  background-color: #ebe3d9;
  border: 2px solid #f7961c;
}

.student .minors div.minors_list.masters {
  height: 300px;
  padding-top: 15px;
  text-align: center;
}

.student .minors div.minors_list.degree {
  height: 190px;
  padding-top: 15px;
  text-align: center;
}

.student .minors div.minor {
  float: left;
  display: inline;

  height: 157px;
  margin: 15px 0px 7px 22px;
}

.student .minors div.minor p.title {
  margin: 0px;
  text-align: center;
  width: 125px;
}

.student .details .head {
  margin: 0px 0px 5px 0px;
  text-align: center;
}

.student .details .swag,
.student .details .high_scores,
.student .details .honors,
.student .details .activities,
.student .details .awards,
.student .details .gifts {
  margin: 0px 0px 0px 0px;
}

.student .details .swag,
.student .details .honors,
.student .details .awards {
  margin-right: 18px;
}

.student .details .container {
  background:#fffaf1 url(/images/profiles/gray-oval.png) no-repeat;
  height: 223px;
  margin: 0px 0px 0px 0px;
  width: 318px;
}

.student .details .icon {
  float: left;
  display: inline;

  margin: 20px 0px 0px 21px;
  width: 125px;
}

.student .details .icon p {
  margin: 0;
}

.student .details .icon .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 100%;
}

.student .details .icon .qty {
  font-size: 12px;
}

.student .details .image {
  background-color: transparent;
  float: none;
  display: block;
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
  width: 0px;
}

.student .details .link {
  text-align: center;
}

.student .details .link a {
  font-size: 14px;
}

.student .details .left-arrow, .student .details .right-arrow {
  float: left;
  display: inline;

  height: 123px;
  padding: 100px 0px 0px 0px;
  width: 25px;
}

.student .details .left-arrow {
  margin: 0px 0px 0px 35px;
}

.student .details .icon.activity {
  float: left;
  display: inline;

  margin: 3px 0px 0px 0px;
  height: 223px;
  width: 200px;
  text-align: center;
}

.student .details .icon.activity .name {
  text-align: center;
}

.student .details .high_scores .scores_container {
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: 318px;
}

.student .details table.game {
  background-color: #30c7bf;
  margin: auto;
  margin-top: 30px;
}

.student .details table.game p {
  line-height: 100%;
  margin: 4px 10px 4px 10px;
}

.student .details .game .score {
  text-align: right;
}

.student .container .icon img {
  margin-top: 0px;
}

/*
 * Friends
 */

.friends ul.friend_nav {
  float: right;
  display: inline;

  background-color: #30c7bf;
  margin: 0px 11px 10px 0px;
  padding: 10px;
  text-align: right;
  width: 310px;
}

.friends ul.friend_nav li a {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 100%;
  color: #0c1ea5;
  text-decoration: none;
}

.friends .invite_ad {
  float: right;
  display: inline;

  margin: 0px 10px 10px 0px;
  width: 313px;
}

.friends ul#student-tableau {
  clear: both;
}

.friends ul#student-tableau li {
  height: 190px;
}

.friends ul#student-tableau p.button {
  margin-top: 8px;
}

.friends .options {
  clear: both;
}

/*
 * Goods
 */

.stores div.store_list {
  padding-left: 31px;
}

.stores div.icon {
  float: left;
  display: inline;

  height: 189px;
  margin: 0px 0px 10px 0px;
  width: 197px;
}

.store h3 {
  clear: both;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #f7961c;
  margin: 11px 0 5px 11px;
}

.store .header {
  margin: 0px 0px 0px -11px;
  text-align: center;
}

.store ul {
  padding: 0px 0px 1px 0px;
  margin: 5px 5px 5px 5px;
}

.store p.pets {
  color: #2b388f;
}

li.cats {
  float: left;
  display: inline;

  background-color: #fff;
  height: 20px;
  list-style-type: none;
  width: 215px;
  margin: 0px;
}

li.goods {
  float: left;
  display: inline;

  background-color: #fff;
  list-style-type: none;
  width: 125px;
  margin-right: 6px;
  margin-bottom: 6px;
  height: 250px;
  text-align: center;
}

div.goods {
  background-color: #30c7bf;
  color: #000000;
  margin: 0px 20px 0px 0px;
  padding: 1px;
}

.goods .image {
  float: left;
  display: inline;

  width: 205px;
  height: 205px;
  padding: 20px;
}

.goods p {
  font-size: 18px;
  margin: 0px 0px 0px 0px;
}

.goods p.blurb {
  margin: 10px 20px 0px 5px;
  color: #000000;
}

.goods span.price {
  color: #ffffff;
  font-weight: bold;
}

.goods form {
  float: left;
  display: inline;

  margin: 20px 20px 0px 5px;
}

.goods .name {
  font-weight: bold;
  line-height: 110%;
}

.goods .cancel {
  margin: 20px 0px 0px 0px;
}

.goods input {
  display: block;
  border: 0;
  background-color: transparent;
  color: #ba1f20;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.goods input:hover {
  text-decoration: none;
}

div.purchase {
  padding: 10px 0px 0px 0px;
}

.purchase .image {
  float: left;
  display: inline;

  width: 140px;
  height: 125px;
}

.purchase span {
  font-style: italic;
}

.purchase .destination {
  clear: left;
  text-align: center;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*
 * Possessions
 */

.possessions div.list {
  padding: 20px 0px 0px 0px;
  margin: 0px 11px 0px 0px;
  background-color: #333333;
}

.possessions .list ul {
  list-style-type: none;
  margin: 0px 0px 0px 30px;
}

.possessions .list li {
  float: left;
  display: inline;
}

.possessions .icon {
  list-style-type: none;
  width: 125px;
  margin-right: 31px;
  margin-bottom: 10px;
  height: 215px;
  text-align: center;
}

.possessions .icon form {
  border: 0;
  height: 125px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.possessions .icon input {
  border: 0;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.possessions .icon .image {
  margin: 0px 0px 7px 0px;
}

.possessions p {
  margin: 0 0 0px 5px;
  color: #fff;
}

.possessions .qty {
  font-size: 12px;
  margin: 0 0 0px 25px;
}

.possessions .from {
  font-size: 12px;
  margin: 0 0 0px 5px;
}

.possessions .name {
  clear: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 100%;
}

.possessions .room {
  margin: 0px 0px 20px 2px;
}

div.dialogBox, div.supplies {
  padding: 10px 10px 10px 10px;
}

.dialogBox .image {
  float: left;
  display: inline;
}

.dialogBox p.message {
  clear: none;
  margin-left: 160px;
}

.dialogBox p.sell {
  font-size: 22px;
  font-weight: bold;
}

.possessions .sell-it, .possessions .move-it, .possessions .activate-it, .possessions .use-it {
  float: left;
  display: inline;
  margin: 0px 7px 7px 0px;
  position: relative;
}

.possessions .use-it form {
  height: 17px;
}

.possessions .bloop {
  background-color: #ffe6ba;
  border: 2px solid #ffb736;
  color: #000000;
  left: 0px;
  padding: 3px;
  position: absolute;
  top: 20px;
}


.possessions.gifts a,
.possessions.gifts a:link,
.possessions.gifts a:hover
.possessions.gifts a:visited {
  color: #ffffff;
}

/*
 * Faculty members
 */

div#faculty-member {
  padding: 11px 0px 0px 0px;
}

.staff-list ul {
  list-style-type: none;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
}

.staff-list li {
  float: left;
  display: inline;

  width: 150px;
  margin-right: 6px;
  margin-bottom: 6px;
  height: 280px;
  text-align: left;
}

.staff-list .name {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 100%;
  color: #0c1ea5;
  margin: 0px;
}

.staff-list .ident {
  height: 80px;
}

.staff-list .dept {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  line-height: 100%;
  color: #000000;
}

.staff-list .blurb {
  font-size: 12px;
  line-height: 100%;
  color: #000000;
}

div#faculty-member .head {
  border-bottom: 3px dotted #fbbd6d;
  margin: 0px 0px 0px 0px;
}

div#faculty-member .head .photo {
  margin: 0px 0px 0px -10px;
}

div#faculty-member .small_photo {
  margin: 30px 0px 0px 400px;
}

div#faculty-member .head .message {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  height: 210px;
  margin: 20px 0px 0px 230px;
  position: relative;
  width: 420px;
}

div#faculty-member .head .petro_message {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  height: 210px;
  margin: auto auto 20px;
  padding-top: 1px;
  width: 420px;
}

#faculty-member h3, #spinoza h3, .crop h3, .argus h3 {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #0c1ea5;
  margin: 11px 0 11px 0px;
  text-transform: uppercase;
}

#faculty-member .message p {
  color: #ffffff;
  position: absolute;
}

#faculty-member .petro_message p {
  color: #ffffff;
  margin: 8px 0px 0px 0px;
  text-align: center;
}

#faculty-member .message h3.qotd {
  color: #000000;
  position: absolute;
  top: 80px;
  left: 20px;
}

#faculty-member .message p.qotd {
  top: 110px;
  left: 20px;
}

#faculty-member .message p.office {
  font-weight: bold;
  top: 30px;
  left: 20px;
}

#faculty-member .message p.office.help {
  font-size: 20px;
}

#faculty-member img {
  float: left;
  display: inline;
}

#faculty-member h3.interact {
  clear: both;
}

#faculty-member div.interact {
  margin: 0px 0px 0px 290px;
}

#faculty-member ul.interact {
  border-collapse: collapse;
  list-style: none;
  white-space: nowrap;
  margin: 0px 0px 5px 247px;
  padding: 0px 0px 0px 0px;
  height: 25px;
}

#faculty-member .interact li {
  float: left;
  display: inline;
  padding: 10px 10px 1px 0px;
}

#faculty-member .interact input {
  display: block;
  border: 0;
  background-color: transparent;
  color: #ba1f20;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

#faculty-member .interact input:hover {
  text-decoration: none;
}

#faculty-member h3.courses {
  clear: both;
}

#faculty-member table.credentials p,
#faculty-member table.office-hours p {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}


.baoc_planner .name img,
#faculty-member .name img {
  margin-right: 5px;
}

#faculty-member p.about {
  float: right;
  display: inline;
  width: 315px;
}

/*
 *  Spinoza
 */

#spinoza .header {
  background-image: url(/images/faculty/spinoza-header.png);
  background-repeat: no-repeat;
  height: 392px;
  margin: 0px 0px 0px -10px;
  width: 683px;
}

#spinoza .quote {
  float: right;
  display: inline;

  margin: 70px 20px 0px 0px;
}

#spinoza .point {
  float: right;
  display: inline;

  background-image: url(/images/faculty/spinoza-quote-point.png);
  background-repeat: no-repeat;
  margin: 50px 0px 0px 0px;
  height: 179px;
  width: 52px;
}

#spinoza .quote .top {
  background-image: url(/images/faculty/spinoza-quote-topper.png);
  background-repeat: no-repeat;
  height: 54px;
  width: 396px;
}

#spinoza .quote .middle {
  background-color: #ffffff;
  color: #333333;
  padding: 0px 10px 0px 30px;
  width: 356px;
}

#spinoza .quote .good {
  font-style: italic;
  color: #0c1ea5;
}

#spinoza .quote .bottom {
  background-image: url(/images/faculty/spinoza-quote-footer.png);
  background-repeat: no-repeat;
  height: 55px;
  width: 396px;
}

#spinoza .interact {
  border-bottom: 3px dotted #fbbd6d;
}

#spinoza .interact form {
  margin-top: 20px;
}

#spinoza .interact h3, #spinoza .interact select {
  display: inline;
  margin-right: 8px;
}

#spinoza div#possession_list {
  display: inline;
}

#spinoza select {
  border: 1px solid #fbbd6d;
  background-color: #ffffff;
  color: #333333;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 200px;
}

#spinoza .interact .warning {
  margin: 40px 0px 20px 0px;
}

#spinoza .interact input[type=image] {
  float: right;
  display: inline;

  margin: 20px;
}

/*
 *  Courses
 */

table.courses {
  clear: left;
}

table.courses tr {
  background-color: #fffaf1;
}

table.courses tr.odd {
  background-color: #ebe5de;
}

table.courses td {
  border-right: 2px solid #fffaf1;
  border-left: 2px solid #fffaf1;
  border-bottom: 2px dotted #31cab8;
  padding: 0px 5px;
}

table.courses td.first {
  border-top: 2px dotted #31cab8;
}

table.courses td.course-name {
  width: 250px;
}

table.courses td.action form, table.courses td.action p {
  margin-top: 10px;
}

table.courses .credit {
  float: right;
  display: inline;
  padding: 3px 5px 0px 0px;
}

.catalog .top-arc {
  background-image: url(/images/courses/catalog/top-arc.png); background-repeat: no-repeat;
  height: 48px;
  width: 657px;
  padding: 10px 0px 0px 40px;
}

.catalog .bottom-arc {
  background-image: url(/images/courses/catalog/bottom-arc.png); background-repeat: no-repeat;
  height: 58px;
  margin-bottom: 20px;
  width: 657px;
}

.catalog .top-arc h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
  font-style: normal;
  text-transform: uppercase;
}

div.course-catalog, .catalog ul.legend {
  clear: both;
  background-image: url(/images/courses/catalog/middle-strip.png); background-repeat: repeat-y;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.catalog ul.legend {
  margin: 0px 0px 40px 20px;;
}

div.course-catalog .container {
  float: left;
  display: inline;

  padding: 0px 10px;
  margin: -50px 0px 0px 15px;
}

div.course-catalog div.entry {
  float: left;
  display: inline;

  height: 103px;
  margin: 40px 13px -40px 0px;
  padding: 15px 0px 0px 10px;
  width: 183px;
}

.catalog ul.legend li {
  float: left;
  display: inline;
}

.catalog ul.legend li img {
  margin: 0px 3px 0px 0px;
  display: inline;
  vertical-align: middle;
}

.catalog ul.legend li p {
  display: inline;
  margin: 0px 20px 0px 0px;
  color: #333333;
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
}

div.course-catalog div.package {
  position: relative;
}

div.course-catalog div.plain {
  background-image: url(/images/courses/catalog/plain-entry.png); background-repeat: no-repeat;
}

div.course-catalog div.reg {
  background-image: url(/images/courses/catalog/reg-entry.png); background-repeat: no-repeat;
}

div.course-catalog div.credit {
  background-image: url(/images/courses/catalog/credit-entry.png); background-repeat: no-repeat;
}

div.course-catalog div p {
  margin: 0px;
  padding: 0px;
  line-height: 100%;
  width: 175px;
}

div.course-catalog .code {
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
}

div.course-catalog div.reg .code,
div.course-catalog div.reg .course-title a {
  color: #333333;
}

div.course-catalog .course-title a {
  color: #333333;
}

div.course-catalog .course-title a {
  font-weight: bold;
  font-size: 15px;
  font-style: normal;
  text-decoration: none;
}

div.course-catalog div.info_button {
  position: absolute;
  top: 55px;
  left: 97px;
}

div.course-catalog div.button {
  position: absolute;
  top: 55px;
  left: 17px;
}

.course-title a {
  color: #31cab8;
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
  text-decoration: none;
}

div.course-head {
  height: 270px;
  width: 676px;
}

.course-head {
  background-color: #f2ece4;
  border-bottom: 3px dotted #fbbd6d;
  margin-left: -11px;
  padding: 15px 0px 0px 0px;
}

.course-head .difficulty {
  float: right;
  display: inline;
  padding-right: 5px;
}

.course-head p {
  line-height: 100%;
  margin: 0px 5px 5px 0px;
}

.course-head .credits {
  float: left;
  display: inline;
  margin: 0px 10px 0px 15px;
}

.course-head h2 {
  clear: left;
  margin: 0px 0px 0px 0px;
}

.course-head .instructor {
  color: #0c1ea5;
  font-weight: bold;
  font-style: italic;
  margin-top: 20px;
  margin-left: 160px;
}

.course-head .building, .course-head .room {
  margin-left: 160px;
}

.course-head .message {
  padding: 0px 0px 0px 0px;
}

.course-head .image-content {
  margin-left: 0px;
}

.course-head .course-info {
  margin-left: 20px;
}

.course-head .prof-image {
  float: left;
  display: inline;
}

.course-check {
  float: left;
  display: inline;
  margin: -25px 100px 0px 0px;
  position: relative;
  z-index: 100;
}

.course-body {
  padding: 15px 0px 50px 0px;
}

.course-body .continue {
  float: left;
  display: inline;
}

.course-body .course-stanza {
  font-family: arial, sans-serif;
}

.course-body .course-fixed {
  font-size: 14px;
}

.course-body .course-list {
  float: left;
  display: inline;

  font-family: arial, sans-serif;
  margin-left: 30px;
}

.course-body .illustration {
  clear: both;
}

.course-body .image-content img {
  border: 5px solid #333333;
}

.course-body .picture-pair {
  margin-top: 40px;
}

.course-body .to-left {
  float: left;
  display: inline;
  margin: 0px 20px 0px 20px;
}

.course-body .to-center {
  margin: 0px 20px 0px 20px;
  text-align: center;
}

.course-body .to-right {
  float: right;
  display: inline;
  margin: 0px 20px 0px 20px;
}

.course-body .credits {
  font-style: italic;
  font-size: 10px;
  width: 220px;
}

.course-head div#dogtime {
  float: right;
  display: inline;
  margin: 0px 11px 0px 11px;
  height: 250px;
  width: 300px;
}

.random_event input[type=submit], .course-body input[type=submit] {
  float: right;
  display: inline;
  margin-right: 30px;
  border: 0;
  background-color: transparent;
  color: #ba1f20;
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  text-decoration: underline;
  padding: 0px 0px 0px 0px;
}

div.course-page {
  position: relative;
}

.course-page .faculty-member {
  float: left;
  display: inline;
}

.course-page .specs p, .course-page .specs form {
  margin: 0px 5px 0px 0px;
  line-height: 110%;
}

.course-page .specs {
  background:#fffaf1 url(/images/courses/oval-210x250.png) no-repeat;
  height: 250px;
  margin: 0px 0px 0px 140px;
  position: relative;
  width: 210px;
}

.course-page .specs .description {
  position: absolute;
  top: 10px;
  left: 15px;
}

.course-page .specs .credits {
  position: absolute;
  top: 160px;
  left: 15px;
}

.course-page .specs .cost {
  position: absolute;
  top: 180px;
  left: 15px;
}

.course-page .specs form, .course-page .specs .take {
  position: absolute;
  top: 205px;
  left: 15px;
}

.course-page .navigation {
  margin: 20px 0px 20px 160px;
}

.course-page .navigation .button {
  float: left;
  display: inline;
  margin: 0px 56px 0px 0px;
}

.course-page div#dogtime {
  height: 250px;
  left: 360px;
  position: absolute;
  top: 30px;
  width: 300px;
}

.course {
  width: 654px;
  line-height: 200%;
}

.correct {
  font-style: italic;
  color: #3030cc;
}


/*
 *  Random Events/Greek Life
 */

div.random_event {
  background-color: #f2ece4;
  margin: 0px 0px 0px -11px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 3px dotted #fbbd6d;
}

.random_event .panel {
  float: left;
  display: inline;
}

.random_event .image {
  border: 3px solid #d89326;
  margin: 0px 0px 20px 20px;
  width: 125px;
}

.random_event .skip {
  margin: 0px 0px 20px 20px;
}

#game_piece .image {
  float: left;
  display: inline;

  border: none;
  width: 160px;
}


.random_event .body {
  float: right;
  display: inline;
  width: 500px;
}

.greek_life h2 {
  clear: both;
  margin: 11px 0px 5px 20px;
}

.greek_life h2.query {
  clear: none;
  margin: 41px 0px 5px 200px;
}

.greek_life div#game_piece {
  padding-top: 15px;
}

.greek_life ul {
  list-style-type: none;
  padding: 0px 20px 0px 20px;
}

.greek_life li {
  float: left;
  display: inline;

  background-color: #fff;
  width: 125px;
  margin-right: 6px;
  margin-bottom: 6px;
  height: 175px;
  text-align: center;
}

.greek_life div.score, .greek_life h2.query {
  color: #0c1ea5;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  margin: 0px 0px 20px 0px;
}

.greek_life p.blurb {
  font-size: 19px;
  font-weight: bold;
  font-style: italic;
  color: #0c1ea5;
}

.greek_life p.blurb .result {
  color: #ba1f20;
}

.greek_life input[type=image] {
  margin-left: 20px;
  display: inline;
}

#user_action form {
  margin: 10px 0px 0px 0px;
}

.planner-head {
}

.planner-head  ul {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 36px;
}

.planner-head li {
  float: left;
  display: inline;

  background-color: #fffaf1;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  height: 30px;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-align: center;
}

.planner-head li a {
  color: #000000;
  text-decoration: none;
}

.planner-head li.active {
  background-color: #333333;
}

.planner-head li.active a {
  color: #ffffff;
  text-decoration: none;
}


.planner-body {
  margin: 0px 20px 20px 0px;
  padding: 15px 6px 15px 6px;
  background-color: #333333;
}

.planner-body table {
  margin: 0px 0px 0px 0px;
}


/*
 * Multi-Questions
 */
p.multi-question {
  font-weight: bold;
  padding: 6px 0px 0px 45px;
}
.multi-question .bullet {
  float: left;
  display: inline;
}
.multi-question ul {
  list-style: none;
  padding: 0px 0px 0px 60px;
}
.multi-answer input {
  margin-right: 10px;
}

/*
 * Matching
 */
span.match-label {
  font-weight: bold;
  color: #f7961c;
}

.matching ul {
  float: left;
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.matching ul.left {
  padding-left: 10px;
  width: 210px;
}

.matching ul.right {
  padding-right: 10px;
  width: 420px;
}

/*
 * DIALOG BOXES (and required supplies tables)
 */
.supplies {
  clear: both;
  background-color: #30c7bf;
  border: 3px solid #84e6e5;
  color: #000;
  margin-top: 20px;
  text-align: center;
  width: 632px;
}

.dialogBox .bullet, .supplies .bullet {
  float: left;
  display: inline;
  padding: 3px 0px 0px 5px;
}

.dialogBox p, .supplies p {
  background-color: transparent;
  clear: left;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 5px 0px 0px;
}

.dialogBox p.honors-icon, .supplies  p.honors-icon {
  color: #ffffff;
}

.dialogBox ul, .supplies ul {
  clear: left;
  list-style: none;
  padding: 0px 0px 0px 18px;
}
.dialogBox li, .supplies li {
  float: left;
  display: inline;
  width: 140px;
}

.dialogBox p.heading, .supplies p.heading {
  margin-top: 8px;
  margin-bottom: 18px;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  clear: none;
}

.dialogBox p.help, .supplies p.help {
  font-size: 14px;
  font-style: italic;
  padding: 20px 0px 5px 18px;
}

.dialogBox p.owned, .supplies p.owned {
  color: #000000;
  font-size: 12px;
  font-style: italic;
  padding: 6px 0px 5px 18px;
  clear: none;
}

.dialogBox input.submit, .supplies input.submit {
  clear: left;
  float: right;
  display: inline;
  padding: 20px 50px 18px 4px;
  margin: 0px auto;
}

/*
 * Calculator
 */

.calculator .dialogBox form, .calculator .dialogBox map {
  border: 0;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.calculator .dialogBox form {
  height: 350px;
}

.calculator div.head {
  padding: 20px 0px 0px 180px;
  text-align: left;
}

.calculator div.readout {
  height: 50px;
  width: 200px;
}

.calculator div.readout.c29 {
  background-image: url(/images/goods/calculator-readout-29.png);
}
.calculator div.readout.c30 {
  background-image: url(/images/goods/calculator-readout-30.png);
}
.calculator div.readout.c31 {
  background-image: url(/images/goods/calculator-readout-31.png);
}
.calculator div.readout.c32 {
  background-image: url(/images/goods/calculator-readout-32.png);
}
.calculator div.readout.c33 {
  background-image: url(/images/goods/calculator-readout-33.png);
}
.calculator div.readout.c34 {
  background-image: url(/images/goods/calculator-readout-34.png);
}
.calculator div.readout.c35 {
  background-image: url(/images/goods/calculator-readout-35.png);
}

.calculator .keypad {
  text-align: left;
  margin: 0px 0px 0px 180px;
}

.calculator .readout input {
  border: 0;
  color: #ffffff;
  background-color: #3f3f3f;
  padding: 0px 0px 0px 0px;
  margin: 26px 0px 0px 20px;
}

/*
 * Mephisto articles
 */

.entrytitle h2 {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #0c1ea5;
  margin: 11px 0 11px 0px;
  text-transform: uppercase;
}

.entrytitle h2 a {
}

.entrytitle h2 a:hover {
}

.entrytitle h3 {
  color:#6F6F6F;
  margin: 0px 0px 14px 0px;

}

.entrybody {
  padding: 0px 0px 10px 0px;
}

.entry {
  color: #333333;
  line-height: 120%;
  margin-bottom:3em;
}

ul.entry {
  list-style-type: none;
}

.entry li:before {
  display: marker;
  content: url(/images/elements/gold-bullet.png);
  padding: 0px 5px 0px 0px;
}

.entrymeta span, .entrymeta a {
  color: #0c1ea5;
  font-size: 16px;
}

.postedby {
  background:#fffaf1 url(/images/elements/gold-bullet.png) no-repeat;
  padding: 0px 0px 0px 15px;
}

.filedto {
  background:#fffaf1 url(/images/elements/gold-bullet.png) no-repeat;
  padding: 0px 0px 0px 15px;
}


/*
 * ARGUS
 */

.argus .head {
  border-bottom: 2px solid #333333;
  margin: 0px 4px 0px -7px;
}

.argus .head p {
  text-align: center;
}

.argus .entry {
  margin-bottom: 0;
}

.argus .entry p {
  line-height: 120%;
}

.argus .spotlight {
  float: right;
  display: inline;

  border-left: 1px solid #dddddd;
  height: 570px;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  width: 387px;
}

.argus .dean {
  border-bottom: 1px solid #dddddd;
  height: 285px;
  padding: 0px 10px 0px 5px;
  width: 227px;
}

.argus .rover {
  height: 285px;
  padding: 0px 10px 0px 5px;
  width: 227px;
}

.argus .rover .byline {
  font-size: 13px;
  color: #0c1ea5;
}

.argus .comic {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  clear: both;
  height: 5px;
  width: 634px;
}

.argus .woof {
  float: right;
  display: inline;

  border-left: 1px solid #dddddd;
  height: 650px;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  width: 307px;
}

.argus .dish {
  height: 650px;
  width: 307px;
  padding: 0px 10px 0px 5px;
}

.argus .dish .pix{
  float: right;
  display: inline;
}


/*
 * Albums and assets
 */

.album .page, .asset .page {
  background: #333333;
  margin-right: 11px;
  padding: 20px 0px 20px 5px;
}

.album .view, .asset .view {
  margin: 0px 20px 50px 0px;
}

.album .image, .asset .image {
  text-align: center;
}

.album .frame img, .asset .frame img {
  padding: 7px;
  background: #ffffff;
}

.asset form p.edit, .asset form input {
  color: #ffffff;
  font-weight: bold;
}

.asset form {
  margin-left: 20px;
}

.album .view p {
  text-align: center;
  font-weight: bold;
}

.album ul.edit {
  clear: both;
  border-collapse: collapse;
  list-style: none;
  white-space: nowrap;
  margin: 0px 0px 5px 6px;
  padding: 0px 0px 0px 0px;
  height: 25px;
}

.album .edit li {
  float: left;
  display: inline;
  padding: 1px 10px 1px 0px;
}

.album ul.show_photos, .album ul.adopt_photos {
  clear: both;
  border-collapse: collapse;
  list-style: none;
  white-space: nowrap;
}

.album ul.show_photos {
  margin: 20px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
}

.album ul.adopt_photos {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.album li.photo_portrait, .album li.adopt_portrait {
  float: left;
  display: inline;

  background-color: #ffffff;
  list-style-type: none;
  text-align: center;
}

.album li.photo_portrait {
  height: 104px;
  margin: 0px 22px 22px 0px;
  padding: 7px 0px 7px 0px;
  width: 104px;
}

.album li.adopt_portrait {
  background:#fffaf1 url(/images/profiles/picture-frame-small.png) no-repeat;
  height: 144px;
  margin: 0px 4px 10px 0px;
  width: 118px;
}

.album div.adopt_image {
  padding: 15px 0px 0px 0px;
  width: 118px;
}

.album li.owners {
  height: 149px;
}

.album li.others {
  height: 119px;
}

.album .photo_portrait p {
  margin: 0px 0px 0px 0px;
  text-align: center;
}

div.album-edit {
  background:#fffaf1 url(/images/courses/detail-oval.png) no-repeat;
  height: 120px;
  margin: 20px 0px 0px 20px;
  position: relative;
  width: 420px;
}

div.album-edit form {
  position: absolute;
  top: 12px;
  left: 15px;
}

/* deprecated? */
.album ul.nav {
  clear: both;
  border-collapse: collapse;
  list-style: none;
  white-space: nowrap;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  height: 25px;
}

/* deprecated? */
.album .nav li {
  float: left;
  display: inline;
  padding: 1px 20px 1px 0px;
}

#testWrap {
  margin: 20px 0px 20px 0px;
}

.crop #previewOuterWrap {
  float: left;
  display: inline;
  margin-right: 20px;
  padding: 0px 20px 0px 0px;
}

.asset #view {
  float: left;
  display: inline;

  margin-right: 20px;
  padding: 0px 0px 30px 0px;
}

.asset div#instructions {
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
}

.asset h2 {
  margin-bottom: 20px;
}

.asset h3 {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #0c1ea5;
  margin: 11px 0 11px 0px;
  text-transform: uppercase;
}

.asset .form {
  clear: left;
}

.student #instruct ul,
.asset #instructions ul {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  line-height: 150%;
  list-style-image: url(/images/elements/gold-bullet.png);
  list-style-type: circle;
  margin-left: 220px;
}

.student #instruct ul {
   margin: 10px 0 0 20px;
}

/*
 * email-form
 */

.email-form .params {
  background:#fffaf1 url(/images/courses/detail-oval.png) no-repeat;
  height: 110px;
  margin: 20px 0px 0px 20px;
  padding: 10px 0px 0px 20px;
  position: relative;
  width: 420px;
}

.email-form .params label {
  color: #ffffff;
  font-weight: bold;
}

.email-form .contents {
  background-color: #ebe5de;
  margin: 10px 20px 10px 20px;
  padding: 10px 10px 10px 10px;
  width: 400px;
}

.email-form .contents p {
  margin: 0px;
}

.email-form .contents textarea {
  height: 241px;
  width: 395px;
}

.email-form label {
  color: #000000;
  background-color: transparent;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
}

.email-form .submit_tags {
  margin: 0px 0px 0px 20px;
}

/*
 * groups
 */

.group ul.index {
  list-style: none;
  padding: 10px 11px 0px 0px;
}

.group ul.index li {
  float: left;
  display: inline;

  height: 275px;
  margin: 0px 1px 10px 0px;
  text-align: center;
  width: 326px;
}

.group .email-form {
  border-top: 3px dotted #fbbd6d;
  margin: 20px 11px 0px 0px;
}

.group h3 {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 2px 0px 0px 320px;
  text-transform: uppercase;
}

.group ul {
  float: left;
  display: inline;

  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.group.glo {
  position: relative;
}

.group ul.glo {
  float: none;
  display: block;
  width: 400px;
  position: relative;
}

.group div.arcade {
  left: 15px;
  top: 490px;
  position: absolute;
}

.group div.attic {
  left: 170px;
  position: absolute;
  top: 484px;
}

.group li.snippet {
  float: left;
  display: inline;

  height: 180px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 50px;
  position: relative;
  width: 150px;
}

.group ul.glo li.snippet {
  position: absolute;
}

.group li.snippet.MEW {
  top: 0px;
  left: 0px;
}

.group li.snippet.GRR {
  top: 0px;
  left: 150px;
}

.group li.snippet.YAP {
  top: 180px;
  left: 0px;
}

.group li.snippet.WAG {
  top: 180px;
  left: 150px;
}

.group ul.glo li.snippet {
  padding: 0px 0px 0px 0px;
}

.group div.assignments {
  margin: 10px 0px 0px 320px;
}

.group li.snippet div {
  text-align: center;
}

.group li.snippet div.name {
  color: #0c1ea5;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}

.members .header {
  border-bottom: 3px dotted #fbbd6d;
  margin: 0px 11px 20px 0px;
  padding: 0px 0px 20px 0px;
}

.members .header .icon {
  float: left;
  display: inline;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 170px;
}

.members .header .icon .leader {
  height: 187px;
}

.members .header .icon .forum {
  margin: 10px 0px 0px 0px;
}

.members .header .blurb {
  margin: 10px 0px 0px 358px;
  width: 285px;
}

.members div.join {
}

.members .join .label, .members .blurb .name {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.members .header .join .amount {
  color: #E72B10;
  font-weight: bold;
}

.members .join form, .members .join p {
  float: right;
  display: inline;
}

.members .join form {
  margin: 0px 40px 0px 0px;
}

.members .join p {
  margin: 8px 20px 0px 0px;
}

.members .join .disclaimer {
  clear: right;
  margin: 0px 15px 0px 0px;
  width: 470px;
}

/*
 * student tableau
 */

ul#student-tableau, ul.student-tableau {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  text-align: center;
}

#student-tableau li, .student-tableau li, .photo_image {
  float: left;
  display: inline;

  background:#fffaf1 url(/images/profiles/picture-frame-small.png) no-repeat;
  height: 144px;
  margin: 0px 4px 20px 0px;
  width: 118px;
}

#student-tableau li p, .student-tableau li p, .photo_image p {
  background-color: transparent;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

#student-tableau li.online p, .student-tableau li.online p {
  margin: -4px 0px 0px 0px;
}

#student-tableau li a, .student-tableau li a, .photo_image a {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

#student-tableau li .image, .student-tableau li .image, .photo_image .image {
  padding: 10px 0px 0px 2px;
  position: relative;
  text-align: center;
  width: 110px;
}

#student-tableau li.online .image img, .student-tableau li.online .image img {
  border: 4px solid #0C1EA5;
}

/*
 * featured student
 */

div.studentfeatureContainer {
  background: #f6921e url(/images/elements/site-frame/chrome.png) 0px -588px no-repeat;
  height: 248px;
  margin: 0px;
  width: 164px;
}

div.studentfeature {
  margin: auto;
  width: 140px;
  padding: 50px 0px 30px 0px;
}

p.studentcaption {
  margin: 0px 0px 0px 0px;
}

p.studentcaption a {
  font-size: 12px;
}

p#footer {
  background-color: #fffaf1;
  border-top: 2px solid #3b93d0;
  clear: both;
  margin: 0px;
  text-align: center;
}

/*
 * Calendar
 */

.calendar .head {
  margin: 10px 0px 10px 0px;
  text-align: center;
}

.calendar .body {
  margin: 20px 0px 0px -7px;
}

/*
 * What to do
 */

.what_to_do .head {
  margin: 10px 0px 10px 0px;
  text-align: center;
}

.what_to_do .body {
  margin: 20px 0px 0px -7px;
}

.what_to_do ul {
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.what_to_do li {
  float: left;
  display: inline;

  height: 149px;
  margin: 0px 4px 20px 0px;
  width: 310px;
}

/*
 * Invitations
 */

.invitations .addresses {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  height: 190px;
  margin: 20px 0px 0px 230px;
  padding: 10px 10px 10px 20px;
  position: relative;
  width: 390px;
}

.invitations .addresses p {
  font-size: 14px;
}

.invitations .actions li:before {
  display: marker;
  content: url(/images/elements/gold-bullet.png);
  padding: 0px 5px 0px 0px;
}

.invitations .actions li {
  font-size: 20px;
}

.invitations #button {
  position: absolute;
  top: 150px;
  left: 290px;
}

.invitations #skip {
  position: absolute;
  top: 150px;
  left: 300px;
}

.invitations #no_friends {
  margin-top: 10px;
}

.invitations div.prospects, .invitations div.acquaintance {
  border: 2px solid #30c7bf;
  margin: 10px 11px 10px 0px;
  padding: 10px 10px 10px 10px;
}

.invitations div.toggle {
  float: right;
  display: inline;

}

.invitations div.prospects .manual {
  float: left;
  display: inline;

  height: 15px;
  margin: 5px 20px 5px 10px;
  width: 175px;
}

.invitations .progress_bar {
  height: 36px;
  padding: 20px 0px 10px 0px;
  text-align: center;
  width: 654px;
}

.invitations .message, .invitations .tips {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  height: 190px;
  margin: 20px 0px 0px 230px;
  padding: 10px 10px 10px 20px;
  position: relative;
  width: 390px;
}

.invitations .tips {
  padding: 20px 10px 10px 20px;
}

.invitations .tips li {
  margin-bottom: 10px;
}

.invitations .photo {
  margin: 0px 0px 0px -10px;
}

.invitations .photo img {
  display: inline;
  float: left;
}

/*
 * Campus Jobs
 */

.campus_jobs table {
  width: 654px;
}

.campus_jobs table th {
  background-color: #31cab8;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.campus_jobs table th.name {
  width: 345px;
}

.campus_jobs table th.button {
  width: 68px;
}

.campus_jobs table td {
  border: 2px solid #31cab8;
  padding: 5px 5px 5px 5px;
  vertical-align: middle;
}

.campus_jobs table td.settings,
.campus_jobs table td.sign_up {
  text-align: right;
}

div.campus_jobs .head {
  border-bottom: 3px dotted #fbbd6d;
  margin: 0px 11px 0px 0px;
}

#do_your_job_dialog div.campus_jobs .head {
  border-bottom: 0px;
}

#do_your_job_dialog div.campus_jobs .head p, #page_help_dialog div.page_help .head p {
  clear: none;
  margin-bottom: 15px;
}

div.campus_jobs .head .photo, div.page_help .head .photo {
  margin: 0px 0px 0px -10px;
}

#do_your_job_dialog div.campus_jobs .head .photo, #page_help_dialog div.page_help .head .photo {
  margin: 0px;
}

#do_your_job_dialog div.campus_jobs .head form, #page_help_dialog div.page_help .head .page_help_message {
  float: left;
  display: inline;

  margin: 10px 60px 0px 0px;
}

#do_your_job_dialog div.campus_jobs .head .spinner {
  float: left;
  display: inline;

  margin: 10px 10px 0px 0px;
}

div.campus_jobs .head .message {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  height: 210px;
  margin: 20px 0px 0px 230px;
  padding-top: 10px;
  position: relative;
  width: 420px;
}

#do_your_job_dialog div.campus_jobs .head .message, #page_help_dialog div.page_help .head .message {
  background: transparent;
  margin: 20px 0px 0px 175px;
}

div.campus_jobs .photo img, div.page_help .photo img {
  float: left;
  display: inline;
}


/*
 * Assignments
 */

#faculty-member .baoc {
  float: left;
  display: inline;

  margin: 0px 11px 10px 0px;
  width: 322px;
}

div#workzone.planner_assignments {
  width: 676px;
  padding-left: 0px;
}

div#workzone.planner_assignments .notice {
  margin-left: 0px;
}

div.baoc_planner {
  position: relative;
  background: #fffaf1 url(/images/baoc/planner/assignments-backdrop.png) no-repeat;
  height: 731px;
}

.baoc_planner div.right_side {
  left: 355px;
  margin: 0px 0px 0px 0px;
  padding: 123px 0px 0px 0px;
  position: absolute;
  top: 24px;
  width: 322px;
}

.baoc_planner div.right_side div.todo {
  margin: 0px 0px 0px 56px;
}

.baoc_planner div.help_friends {
  position: absolute;
  left: 160px;
  top: 27px;
}

.baoc_planner div.assign_tab {
  position: absolute;
  left: 195px;
  top: -1px;
}

.baoc_planner div.completed_tab {
  position: absolute;
  left: 490px;
  top: -1px;
}

.baoc_planner div.registered_tab {
  position: absolute;
  left: 345px;
  top: -1px;
}

.baoc_planner div.ask_help {
  position: absolute;
  left: 523px;
  top: 31px;
}

.baoc_planner div.open_assignments {
  position: absolute;
  background: transparent url(/images/baoc/planner/complete-open-assn.png) no-repeat;
  height: 243px;
  left: 350px;
  padding: 50px 5px 0px 50px;
  top: 364px;
  width: 275px;
}

.baoc_planner div.open_assignments ul {
  list-style-type: circle;
}

.baoc_planner div.open_assignments li, .baoc_planner div.open_assignments a {
  color: #1575bb;
  font-style: italic;
}

div.assignments {
  border: 1px solid #fbbd6d;
  margin: 0px 0px 0px 19px;
  position: relative;
  width: 285px;
}

div.assignments.social {
  margin: 0px 0px 0px 270px;
}

#faculty-member .photo.social img {
  float: none;
  display: block;
  position: absolute;
}

.baoc_planner div.assignments {
  border: 2px solid #f7941f;
  margin-top: 0px;
  position: absolute;
  top: 128px;
}

div.assignments p {
  margin: 0px 0px 0px 0px;
}

.assignments div.a_item {
  background-color: #ffffff;
  padding: 3px;
}

.assignments div.odd {
  background-color: #e0f1f8;
}

.assignments .name {
  color: #333333;
  font-size: 14px;
  width: 288px;
}

.assignments .name.inactive {
  color: #999999;
}

.assignments div.action {
  clear: left;
  float: right;
  display: inline;
}

.assignments .action p {
  background-color: #ffbbbb;
  color: #ff0000;
  font-size: 14px;
}

.assignments .details {
  clear: left;
}

.assignments .details span {
  font-size: 12px;
  margin: 0px 0px 0px 5px;
}

.assignments .description {
  font-size: 14px;
}

.assignments .hidden_image {
  float: left;
  display: inline;

  margin: 0px 0px 0px 0px;
  width: 130px;
}

.assignments .bloop {
  background-color: #ffe6ba;
  border: 2px solid #ffb736;
  color: #000000;
  left: 500px;
  padding: 5px;
  position: fixed;
  top: 200px;
  z-index: 10000;
}

.assignments .bloop ul {
  list-style-image: url(/images/elements/gold-bullet.png);
  list-style-type: circle;
  list-style-position: inside;
}

.assignments.social .bloop, .assignments.glos .bloop {
  left: 150px;
}

.assignments .bloop li {
  margin: 8px 0px 8px 0px;
}

/*
 * Rumbles
 */

.rumble .challenge, .rumble .challenged, .rumble .results {
  float: left;
  display: inline;

  margin: 0px 0px 0px 0px;
  min-height: 1000px;
  padding: 10px;
  text-align: center;
  width: 200px;
}

.rumble .challenge h3, .rumble .challenged h3, .rumble .results h3 {
  color: #0c1ea5;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  margin: 0px 0px 10px 0px;
  text-decoration: none;
}

.rumble div.challenged {
  background-color: #ffe6ba;
}

.rumble .challenge div.request_item {
  position: relative;
}

.rumble .challenge div.shield {
  height: 34px;
  left: 0px;
  position: absolute;
  top: -10px;
  width: 30px;
}

.rumble .challenge div.shield.mew {
  background: transparent url(/images/groups/tiny-mew.png) no-repeat scroll 0% 0%;
}

.rumble .challenge div.shield.grr {
  background: transparent url(/images/groups/tiny-grr.png) no-repeat scroll 0% 0%;
}

.rumble .challenge div.shield.yap {
  background: transparent url(/images/groups/tiny-yap.png) no-repeat scroll 0% 0%;
}

.rumble .challenge div.shield.wag {
  background: transparent url(/images/groups/tiny-wag.png) no-repeat scroll 0% 0%;
}

.rumble .request_item {
  background-color: #fffaf1;
  height: 154px;
  margin-bottom: 7px;
}

.rumble .portrait {
  float: left;
  display: inline;

  background:#fffaf1 url(/images/profiles/picture-frame-small.png) no-repeat;
  height: 154px;
  margin: 0px;
  padding: 0px;
  width: 110px;
}

.rumble .portrait .image {
  padding: 10px 0px 0px 2px;
  text-align: center;
  width: 110px;
}

.rumble .portrait p {
  text-align: center;
}

.rumble .request_item .action {
  padding: 50px 0px 0px 113px;
}

/*
 * Help Requests.
 */

.help_request .request_item {
  border-top: 2px solid #30c7bf;
  color: #333;
  clear: both;
  font-size: 0.9em;
  font-weight: bold;
  height: 158px;
  margin: 0px 11px 10px 0px;
  vertical-align: top;
}

.help_request .request_item .portrait {
  float: left;
  display: inline;

  background: #30c7bf;
  margin: 0px 10px 0px 0px;
  padding: 5px 10px;
}

.help_request .request_item .image p {
  text-align: center;
}

.help_request .request_item .image a {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

.help_request .request_item .image {
  background-color: #ffffff;
  text-align: center;
  width: 110px;
}

.help_request .request_item img {
  margin: 9px 0px 0px 0px;
}

.help_request .request_item .online img {
  border: 4px solid #0C1EA5;
  margin: 5px 0px 0px 0px;
}

.help_request .request_item .posts,
.help_request .request_item .admin {
  display: block;
  font-size: 14px;
  color: #333;
}

.help_request .request_item a {
  color: #333;
  text-decoration: none;
}

.help_request .request_item a:hover {
  color: #369;
  text-decoration: underline;
}

/*
 * Tutorial
 */

.tutorial .image {
  float: left;
  display: inline;

  clear: both;
  margin: 10px 0px 0px -10px;
}

.tutorial .info {
  background:#fffaf1 url(/images/courses/detail-oval.png) no-repeat;
  clear: right;
  height: 120px;
  margin: 20px 0px 0px 230px;
  padding: 13px 13px 0px 13px;
  position: relative;
  width: 394px;
}

.tutorial .info2 {
  background:#fffaf1 url(/images/faculty/detail-oval.png) no-repeat;
  clear: right;
  height: 210px;
  margin: 20px 0px 0px 230px;
  padding: 13px 13px 0px 13px;
  position: relative;
  width: 394px;
}

.tutorial .info p, .tutorial .info2 p {
  margin-right: 0px;
}

.tutorial .info ul, .tutorial .info2 ul {
  list-style-type: circle;
  margin-left: 15px;
}

.tutorial .info li, .tutorial .info2 li {
  color: #333333;
}

.tutorial .illustration {
  height: 330px;
  margin: 0px 0px 0px 240px;
  position: relative;
  width: 420px;
}

.tutorial .illustration div {
  left: -10px;
  position: absolute;
}

.tutorial .nav {
  clear: both;
  width: 665px;
}

.tutorial .nav .pbutton {
  float: right;
  display: inline;
}

.tutorial .nav .nbutton {
  float: right;
  display: inline;
}

/*
 * see all campus fun
 */

.see_all .ad {
  float: left;
  display: inline;

  border: 2px solid #2b388f;
  margin: 10px 0px 0px 25px;
}


div#bugglesoft  {
  margin-left: -11px;
}

div#bugglesoft .action {
  background-color:#88cbe8;
  border: 7px solid #0064cc;
  border-top: none;
  padding: 10px;
}

#bugglesoft div.box {
  float: left;
  display: inline;
}

#bugglesoft p {
  color: #000000;
  text-align: center;
}

#bugglesoft p img {
  vertical-align: middle;
}

#bugglesoft p.download {
  margin-bottom: 20px;
}

#bugglesoft p.license {
  margin-bottom: 20px;
}

/*
 * facebook
 */

div#fb_like {
  float: right;
  display: inline;
}

/*
 * PAGINATION
 */

.pagination {
  clear: left;
  text-align: center;
}

.pagination ul {
  margin: 0;
  padding: 12px 0 2px 0;
  height: 36px;
  text-align: center;
}

.pagination li {
  display: inline;

  list-style: none;
  margin: 0 4px;
  padding: 0;
}

.pagination li.ellipsis {
  border: none;
}

.pagination li a {
  background-color: #fff;
  border: 1px solid #f6c793;
  color: #f89820;

  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 6px;
}

.pagination li a:hover {
  background-color: #f7961c;
  border-color: #f6c793;
  color: #fff;
}

.pagination li.currentpage {
  background-color: #f89820;
  border: 1px solid #f6c793;
  color: #fff;
  font-weight: bold;
  padding: 2px 6px;
}

.pagination li.disablepage {
  color: #f6c793;
}

/*
 * What to do now
 */

.to_do_now ul {
  padding: 0 0 0 20px;
}

.to_do_now li {
  float: left;
  display: inline;
  height: 240px;
  margin: 0 6px 0 0;
  padding: 0 15px;
  text-align: center;
  width: 170px;
}

/*
 * Forums
 */

.forums {
  margin-right: 11px;
}

.forums a {
  color: #24b;
}

.forums #search_box {
  font-size: 0.85em;
}

.forums img {
  border-width: 0;
}

.forums p.pages {
  font-size: 0.85em;
  margin-top: 1.2em;
}

.forums p.notice,
.forums p.sections {
  background: #df9;
  padding: 7px 15px;
  border: 1px solid #bd7;
  margin-top: 0;
  font-size: 0.8em;
}

.forums p.error {
  background: #c00;
  color: white;
}

.forums p.sections a.action {
  color: #c00;
}

.forums .hasfile {
  color: #090;
  font-weight: bold;
  margin-left: 10em;
}

.forums p.subtitle
{
  float: right;
  display: inline;

  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #888;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.forums p.subtitle img {
  vertical-align: middle;
}

.forums form.monitor {
  float: right;
  display: inline;

  margin-top: 5px;
  width: 181px;
}

.forums form.monitor #monitor_checkbox {
  float: right;
  display: inline;
  margin: 5px 0px 0px 0px;
}

.forums form.monitor #monitor_label {
  float: right;
  display: inline;
  margin: 7px 3px 0px 3px;
}

.forums form.monitor #monitor_submit {
  float: right;
  display: inline;
  margin: 0px 0px 0px 0px;
}

.forums h3 {
  padding: 2px 10px 3px;
  background: #333;
  color: white;
  font-size: 0.70em;
  border-bottom: 1px solid #999;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}

.forums h6 {
  margin-bottom: 0;
}

.forums pre.explain {
  background: #e7e7e7;
  padding: 7px 15px;
  border: 1px solid #ccc;
  margin: 0 2em;
}

.forums hr {
  height: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 1em 0;
}

.forums #right hr {
  border-color: #bbb;
}

.forums #monitor_topic {
  font-size: 12px;
}

.forums #monitor_topic .icon {
  background-image: none;
}

.forums ul.quotes,
.forums ul.flat {
  margin-left: 0;
  padding-left: 0;
  font-size: 0.75em;
  list-style-type: none;
}
.forums ul.talking li span {
  color: #666;
  font-size: 0.8em;
}

.forums ul.flat li {
  background: url(/images/forums/small_circle.gif) no-repeat 5px 6px;
  padding-left: 15px;
}

.forums ul.quotes {
  font-size: 0.8em;
}

.forums ul.quotes li {
  margin-bottom: 1em;
}

.forums ul.quotes span {
  color: #666;
  font-size: 0.9em;
}

.forums a.utility {
  font-weight: bold;
  color: #c00;
  font-size: 0.8em;
}

.forums a.remove {
  color: #c00;
}

.forums a.utility:hover {
  color: #c00;
  text-decoration: underline;
}

.forums a.subtle {
  color: #369;
}

.forums a.subtle:hover {
  color: blue;
}

.forums div.asset {
  background: #e7e7e7;
  padding: 7px 15px;
  border-bottom: 1px solid #ccc;
  font-family: 'Lucida Grande',Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin-bottom: 1em;
  text-align: center;
}

.forums input.primary {
  font-size: 1.2em;
}

.forums input.submit {
  margin-right: 1em;
  float: right;
}

.forums p {
  font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.forums td.code {
  padding-left: 0.75em;
}

.forums label {
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 0.75em;
  font-weight: normal;
}


/* tables */

.forums table.noborder td {
  border: 0;
}

.forums table.nopad td {
  padding-left: 0;
}

.forums table {
  border-collapse: collapse;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}

.forums table.wide {
  width: 100%;
}

.forums table tr th {
  background: #333;
  color: white;
  font-size: 0.8em;
  padding: 3px 10px;
  border: 1px solid #222;
}

.forums table tr td {
  padding: 7px;
  border: 1px solid #39ebe1;
}

/* topics */

.forums #forum_description,
.forums #post_body {
  width: 99%;
}

/* specific table styles */

.forums table.forums,
.forums table.topics {
  font-size: 0.8em;
}

.forums table.forums tr th {
  font-size: 0.8em;
}

.forums table.forums tr td .title {
  font-size: 1.4em;
}

.forums table.forums tr td .desc {
  margin: 0.5em 0;
}

.forums table.forums tr td {
  padding: 4px 15px;
}

.forums table.forums a.tiny {
  font-size: 0.8em;
  color: #666;
}

.forums table.forums .posts {
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 0.8em;
}

.forums table tr th.la {
  text-align: left;
}

.forums table tr td.ca {
  text-align: center;
}

.forums table tr td.inv {
  background: #30C7BF;
}

.forums table tr td.vat {
  vertical-align: top;
}

.forums table tr td.narrow {
  padding: 2px 5px;
}

/* users */

.forums a.admin {
  color: #c00;
  font-weight: bold;
}

.forums table tr td {
  font-weight: bold;
}

/* last post */
.forums table tr td.lp {
  font-size: 0.85em;
  color: #333;
}

.forums table tr td.lp span {
  color: #666;
}

.forums table tr td.lp span a {
  color: #369;
}

.forums table.topics tr td.c1 {
  border-right: 0;
  padding-right: 2px;
}

.forums  table.topics tr td.c2 {
  border-left: 0;
  padding-left: 2px;
}

.forums table.topics tr td.c3 {
  border-left: 0;
}

.forums table.forums tr td.c1 {
  border-right: 0;
  padding-right: 5px;
  padding-top: 7px;
}

.forums table.forums tr td.c2 {
  border-width: 1px 0;
  padding-left: 5px;
}

.forums table.forums tr td.c3 {
  border-left: 0;
  padding-left: 5px;
}

.forums table.topics tr td.c2 small a,
.forums .crumbs small a {
  color: #666;
}

.forums table.topics tr td .flag {
  background: #333;
  color: white;
  padding: 1px 5px;
  margin-right: 0.5em;
}

.forums table.topics .sticky {
  background:  #ebe3d9;
}

/* misc */

.forums form.dialog {
  margin-top: 3em;
  background: #30c7bf;
  width: 300px;
  padding: 15px;
}

.forums form .entryhelp {
  font-size: 0.7em;
}

.forums form .help {
  font-size: 0.8em;
}

.forums span.arrow {
  font-weight: normal;
  font-size: 0.75em;
  color: #999;
}

.forums div.stats {
  margin-top: 2em;
  background: #ded;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 15px 15px;
  border: 2px solid #393;
  border-width: 1px 0;
}

.forums div.stats .posts {
  float: right;
  text-align: right;
}

/* breadcrumbs */

.forums .crumbs {
  font-size: 0.75em;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}

.forums .crumbs a {
  font-size: 0.75em;
  color: #468;
}

.forums .crumbs a:hover {
  color: #468;
  text-decoration: none;
}

/* posts */

.forums table.posts {
  border-bottom: 2px solid #30c7bf;
}

.forums table.posts tr td {
  border: 0;
}

.forums table.posts tr.spacer td {
  font-size: 1px;
}

.forums .posts ul {
  list-style-image: url(/images/elements/gold-bullet.png);
  margin: 0px 0px 5px 25px;
}

.forums .posts ol {
  list-style-type: decimal;
  margin: 0px 0px 5px 30px;
}

/* fade edit links */
.forums .post .author .edit a {
  font-size: 16px;
  color: #336699;
}

.forums .post .author .image p {
  text-align: center;
}

.forums .post .author .image a {
  color: #0c1ea5;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

.forums .post .author .image {
  background-color: #ffffff;
  position: relative;
  text-align: center;
  width: 110px;
}

.forums .post .author img {
  margin: 9px 0px 0px 0px;
}

.forums .post .author .online img {
  border: 4px solid #0C1EA5;
  margin: 5px 0px 0px 0px;
}

.forums .post .author {
  border-top: 2px solid #30c7bf;
  padding: 5px 10px;
  background: #30c7bf;
  font-weight: bold;
  color: #333;
  font-size: 0.9em;
  min-height: 32px;
  width: 10em;
  min-width: 8em;
  vertical-align: top;
}

.forums .post .author .posts,
.forums .post .author .admin {
  display: block;
  font-size: 14px;
  color: #333;
}

.forums .post .author a {
  color: #333;
  text-decoration: none;
}

.forums .post .author a:hover {
  color: #369;
  text-decoration: underline;
}

.forums .post .date {
  font-size: 0.75em;
  color: #666;
  font-weight: normal;
  margin-bottom: 0.5em;
}

.forums .posts .post .body {
  border-top: 2px solid #30c7bf;
  font-size: 0.9em;
  overflow: hidden;
  padding: 10px 20px;
}

.forums .posts .post .body p {
  width: 430px;
}

.forums .posts .post .body blockquote,
.forums .posts .post .body pre {
  font-size: 0.8em;
  background: #ebe3d9;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-left: 3px solid #39ebe1;
  border-right: 0;
  overflow: auto;
  font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
}

.forums .posts .post .body a:hover {
  color: #336699;
}

.forums .posts .post .body blockquote p {
  background: #ebe3d9;
  color: #333333;
  margin: 0;
}

.forums .post .body p.topic {
  background: #ebe3d9;
  color: #333333;
  font-size: 0.8em;
  font-weight: bold;
  padding: 2px 10px;
}

/* other stuff */

.forums p.online {
  margin-bottom: 0;
}

.forums img.icon {
  background: #696;
  background-image: url(/images/forums/clearbits/bg_rounded.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
}

.forums img.reply {
  float: right;
}

.forums img.grey {
  background-color: #ccc;
}

.forums img.darkgrey {
  background-color: #999;
}

.forums img.green {
  background-color: #fc981b;
}

.forums .post .author .icon {
  float: right;
}

/* reply */

.forums div.editbox {
  background: url(/images/bg-gray-transparent.png);
  border: 2px solid #333;
  border-width: 2px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px 0 7px;
  z-index: 4000;
}

.forums div.editbox .container {
  width: 92%;
  margin: 0 auto;
  min-width: 760px;
}

.forums div.editbox p {
  margin: 0.5em 0;
}

.forums div.editbox .entry {
  float: left;
  display: inline;

  width: 70%;
}

/* new topic page */
.forums .instructions {
  background-color: #ebe3d9;
  margin: 20px 0px 0px 0px;
  padding: 7px;
  width: 290px;
}

.forums .instructions ul.help {
  line-height: 150%;
}

.forums div.editbox .instructions {
  float: left;
  display: inline;

  background-color: transparent;
  margin: 0px 0px 0px 8px;
  padding: 7px;
  width: 27%;
}

.forums div.editbox textarea {
  width: 100%;
  background: white;
  color: #000000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}

.forums div.editbox a.utility {
  color: #f99;
  font-size: 0.65em;
  padding: 2px 5px 4px;
  display: block;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  float: right;
  text-align: right;
  margin-top: 0.2em;
}

.forums div.editbox .headline {
  background: #333333;
  color: white;
  padding: 2px 10px 3px;
  font-size: 16px;
  margin: 0.2em 0 0.5em;
}

.forums div.editbox p.help span,
.forums div.editbox ul.help span {
  color: #666;
}

.forums div.editbox p.help,
.forums div.editbox ul.help {
  background: #333333;
  color: #ccc;
  font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  line-height: 150%;
  padding: 3px 10px;
}

.forums div.editbox ul.help {
  margin: 0px 0px 8px 0px;
}

.forums div.editbox ul.help {
  list-style-type: none;
}

.forums div#dots {
  background-color: #cbc3c9;
  height: 15px;
  width: 150px;
}

.forums div#dots div {
  float: left;
  display: inline;

  background-color: transparent;
}

.forums #monitor_topic a {
  color: #666;
}

.dot_1, .dot_1 p {
  color: #000000;
  background-color: #fffaf1;
}

.dot_2, .dot_2 p{
  color: #fd5a6b;
  background-color: #fffaf1;
}

.dot_3, .dot_3 p {
  color: #3909cc;
  background-color: #fffaf1;
}

.dot_4, .dot_4 p {
  color: #b518d6;
  background-color: #fffaf1;
}

.dot_5, .dot_5 p {
  color: #e72a13;
  background-color: #fffaf1;
}

.dot_6, .dot_6 p {
  color: #5d9134;
  background-color: #fffaf1;
}

.dot_7, .dot_7 p {
  color: #f7961c;
  background-color: #fffaf1;
}

.dot_8, .dot_8 p {
  color: #3393ec;
  background-color: #fffaf1;
}

.dot_9, .dot_9 p {
  color: #f7ef08;
  background-color: #333333;
}

.dot_10, .dot_10 p {
  color: #ffffff;
  background-color: #333333;
}