body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}
body {
    background-color: #FFFFFF;
    margin: 0;
    padding:0;
}
.text-css-ax {
    position:absolute;
    top:0;
    left:-999999em;
}
/* container for the whole page */
#seating-chart-page-container {
  margin:10px auto;
  /*max-width:1625px;*/
  display:block;
  font-size:12px;
  position:relative;
}
/* container for the whole application */
#application-container {
  padding:5px;
  /*min-width:938px;*/

}
/* main menu */
#seating-chart-home-page-form .form-item {
  margin:10px 0;
  clear: both;
}
#seating-chart-home-page-form .ahah-progress {
  margin-bottom: 15px;
}
/* classroom - course and navigational buttons (save, etc) */
#course-header {

  height: 67px;
  position:relative;
}
#section-info-container {

  font-size: 14px;
}
#seating-chart-actions-container {
  position: absolute;
  bottom: 5px;
  left: 600px;
}
#section-info {
  font-weight: bold;
  display:block;

}
#section-info div {
  margin:5px;
}
#seating-chart-actions-form {
  float:left;
}
/* layout for the classroom seats */
#layout-container {
    margin:0;
    max-width:1477px;

    border-right:1px solid #CCCCCC;
    display:block;
    float:left;
    min-width:792px;
}
#seating-chart-container {
  margin:0 auto;

  display:block;
  overflow: hidden;
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
}
#seating-chart-inner {
  position: absolute;
  bottom: 0;
}
#seating-chart-container .sc-seat {
    display: block;
    margin: 0;
    padding: 0;
    position:absolute;
    background-position:center center;
    background-repeat: no-repeat;
}
#seating-chart-container .sc-seat.rseat {
    background-image:url('../images/seat.png');
}
#seating-chart-container .sc-seat.wseat {
    background-image:url('../images/seat-wheelchair.png');
}
#seating-chart-container .sc-seat-inner {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#seating-chart-container .sc-seat .reset-link {
  display:none;
}
/** layout for the student list **/
#people-container {
    margin:0;
    width:145px;
    float:left;
    background-color:#EBEBEB;
}
#people-inner h3 {
  display:none;
}
#people-list {
    margin:0;
    padding:0;
}
#people-list li {
    position:relative;
    margin:0;
    padding:0;
    display:block;
    list-style:none;
}
#people-list .person-item-container {
    margin:0;
    padding:0;
    display:block;
    cursor:default;
}
.person-item {
    margin: 0;
    padding: 5px;
    display: block;
    background-color: #CCC;
    border: 1px solid #EBEBEB;
    height: 40px;
    width: 120px;
}
#seating-chart-page-container .person-image {
    float:left;
    margin-right:5px;
    vertical-align: middle;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#seating-chart-page-container .student-name {
    font-size: 12px;
    float: left;
    width: 74px;
    cursor:pointer;
}
/** states for jquery ui draggable **/
.sc-seat .ui-state-hover {
    background-color:green;
}
.sc-seat .ui-state-active {
    background-color:yellow;
}
.sc-seat .ui-state-highlight {
    background-color:yellow;
}

/** start - dragged item **/
.person-item-container.ui-draggable-dragging {
    margin:0;
    padding:0;
    display:block;
}
.person-item-container.ui-draggable-dragging .person-item {
    border:none;
    width:125px;
    display: block;
    position:relative;
    margin: 0;
    padding: 5px;
    background-color:#CCC;
}
.person-item-container.ui-draggable-dragging img.person-image {
    vertical-align: middle;
}
.person-item-container.ui-draggable-dragging .student-name {
    font-size:12px;
}
/** end - dragged item **/

/** scrollbar **/
#people-inner .scrollbar.disable .thumb {
  background-color:transparent;
}
#people-inner .scrollbar {
  position: relative;
  float: right;
  width: 15px;
}
#people-inner .track {
  background-color: #EBEBEB;
  height: 100%;
  width: 13px;
  position: relative;
  padding: 0 1px;
}
#people-inner .thumb {
  height: 20px;
  width: 13px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  background-color:green;
}
#people-inner .viewport {
  width: 130px;
  overflow: hidden;
  position: relative;
}
#people-inner .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#people-inner .ui-draggable-disabled.ui-state-disabled {
  opacity: 0.4;
}
/** reset link **/
.reset-link {
    background-image:url('../images/undo-arrow.png');
    background-position:top left;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 200;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
/** cloned student in seat **/
.person-item-clone .person-item {
    padding:0;
    margin:0;
    border:none;
    height:inherit;
    display:block;
    position: absolute;
    background-color:transparent;
    width: 40px;
}
/** student details **/
#students-details-container h3 {
  display:none;
}
#students-details-container ul {
  margin:0;
  padding:0;
}
#students-details-container ul li {
  list-style: none;
  position:aboslute;
}
.student-details {
  display:block;
  background-color:#CCC;
  padding:5px;
}
.hide-student {
  display:none;
}


li.ui-dialog-content {
  list-style:none;
}
.ui-dialog .student-info {
  font-weight:bold;
  padding-bottom:5px;
}
.ui-dialog {
  position: relative;
  width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .5em .3em .3em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0 .2em;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 13px;
  width: 32px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 32px;
  background-image:url('/sites/all/themes/tjslwebsite/images/close.png');
  background-repeat:no-repeat;
  background-position: top left;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  /*padding: 0; */
}
.ui-dialog .ui-dialog-content {
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
  width:auto;
  overflow:visible;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

div#block-nice_menus-1, div#block-nice_menus-2 {
	display:block;
	width:99%;
	height:27px;
	background-color:#CCC;
	position:relative;
	z-index:1000;
	font-size:13px;
	font-family:Arial;
	border:1px solid #999;
	margin:0 auto;
}
div#block-nice_menus-1 h2, div#block-nice_menus-2 h2 {
	display:none;
}
/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  To help understand the CSS, the HTML looks like this, where
    x is a number;
    TYPE is down/left/right;
    PATH is the menu path such as node/343;
    MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
  use its id (e.g. ul#nice-menu-2).

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left;
  background-color: #eee;
  /* Additional overrides to deal with Garland theme. */
  margin: 0;
  padding-left: 0;
  background-image: none;
}

ul.nice-menu a {
  text-decoration: none;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  border: 0;
}

ul.nice-menu-down li {
  border-top: 1px solid #ccc;
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-down a {
	padding:4px 10px;
}
ul.nice-menu-down .menuparent a {
  padding-right: 25px;

}
ul.nice-menu-down li.menuparent,
ul.nice-menu-down li.menuparent li.menuparent {
  background: #eee url(/sites/all/modules/nice_menus/arrow-down.png) 98% center no-repeat;
}
ul.nice-menu-down li.menuparent a,
ul.nice-menu-down li.menuparent li.menuparent a {
  color:#333;
}
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.menuparent li.menuparent:hover {
  background: #069 url(/sites/all/modules/nice_menus/arrow-down.png) 98% center no-repeat;
}
ul.nice-menu-down li.menuparent:hover a:hover,
ul.nice-menu-down li.menuparent li.menuparent:hover a:hover {
	color:#fff;
}

ul.nice-menu-down li,
ul.nice-menu-down li li {
  background-color: #eee;
}
ul.nice-menu-down li a,
ul.nice-menu-down li li a {
  color:#333;
}
ul.nice-menu-down li:hover,
ul.nice-menu-down li li:hover {
  background-color:#069;
}
ul.nice-menu-down li:hover a:hover,
ul.nice-menu-down li li:hover a:hover {
  color:#FFF;
}

ul.tips {
	display:none;
}