/* Default
-----------*/

body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% 'Trebuchet MS',Arial,Helvetica,sans-serif;
  color:#333;
  background:#f7f7f7 url('../_images/back-body.gif') repeat-y center center;
}

a,
span.link {
  text-decoration:none;
  color:#09c;
}
a:hover,
span.link:hover {
  color:#0bf;
}

h1 {
  min-height:1%;
  margin:0 0 0.8em 0;
  font-size:1.5em;
  font-weight:normal;
  color:#09c;
}
* html h1 {
  height:1%;
}
h1:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
h1 span.student {
  float:left;
  margin-left:-12px;
  background:url('../_images/back-h1-student.gif') no-repeat left;
}
h1 span.student span.inner {
  float:left;
  padding:4px 32px 4px 20px;
  background:url('../_images/back-h1-student-inner.gif') no-repeat right;
}
h2 {
  margin:0 0 0.4em 0;
  font-size:1.3em;
}
h3,
h4,
h5,
h6 {
  margin:0;
  font-size:1em;
}

p {
  margin:0 0 0.8em 0;
}

ol,ul {
  margin:0 0 0.8em 16px;
  padding:0;
}
ul.links {
  margin-left:0;
  list-style:none;
}
ul.links li {
  padding-left:16px;
  background:url('../_images/back-link.gif') no-repeat 2px 0.2em;
}
ul.links li a {
  color:#333;
}
ul.links li a:hover {
  color:#0bf;
}

img {
  border:0;
}

table {
}

form {
}
input,select,textarea {
  font:normal 1em 'Trebuchet MS',Arial,Helvetica,sans-serif;
}
input.button {
  width:auto;
  padding:3px 12px 4px 4px;
  overflow:visible;
  font-size:1.1em;
  font-weight:bold;
  color:#000;
  background:#fd4 url('../_images/back-button.gif') no-repeat right;
  border:0;
  cursor:pointer;
}

span.button {
  display:inline-block;
  background:url('../_images/back-button-yellowwhite.gif') no-repeat left;
}
span.button span {
  display:inline-block;
  padding:0 3px;
  background:url('../_images/back-button-yellowwhite-span.gif') no-repeat right;
}
span.button span a {
  display:inline-block;
  padding:4px 12px 5px 4px;
  font-size:1.1em;
  font-weight:bold;
  color:#000;
  background:#fd4 url('../_images/back-button.gif') no-repeat right;
}


/* General
-----------*/

.textleft {
  text-align:left;
}
.textcenter {
  text-align:center;
}
.textright {
  text-align:right;
}
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}

.blue {
  color:#09c;
}


/* Holder
----------*/

div#holder {
  position:relative;
  width:978px;
  margin:0 auto;
  padding:0 1px;
  text-align:left;
}


/* Header
----------*/

div#header {
  min-height:1%;
  padding:1px 0;
  background:#fff;
}
div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
a#logo {
  float:left;
}
a#logo img {
  display:block;
}
span#tagline {
  display:block;
  margin:-8px 0 6px 0;
  padding:0 30px;
  font-size:1.4em;
  font-weight:bold;
  color:#444;
}
div#tools {
  float:right;
  padding:15px 15px 2px 16px;
  text-align:right;
  width:600px;
}
div#phone {
color:#888888;
float:left;
font-size:2.4em;
margin:0 0 6px;
padding-top:27px;
width:320px;
}
div#rep {
float:right;
vertical-align:top;
width:190px;
}
div#profile {
  position:absolute;
  right:1px;
  top:145px;
  padding:12px 15px;
  text-align:right;
  color:#fff;
  background:#666;
  border-top:1px solid #999;
  z-index:60;
}
div#profile div.row {
  margin:0 0 5px 0;
}
div#profile span.button {
  background:url('../_images/back-button-yellowgrey.gif') no-repeat left;
}
div#profile span.button span {
  background:url('../_images/back-button-yellowgrey-span.gif') no-repeat right;
}
div#welcome {
  margin:0 0 5px 0;
  font-size:1.2em;
  font-weight:bold;
}
div#navtop a {
  color:#fff;
}
div#navtop a:hover {
  color:#0bf;
}
ul#navbar {
  clear:left;
  min-height:1%;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.4em;
  background:#666 url('../_images/back-navbar.gif') repeat-x left top;
}
* html ul#navbar {
  height:1%;
}
ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  float:left;
  position:relative;
}
ul#navbar li a {
  float:left;
  padding:5px 16px 5px 24px;
  color:#f3dc5a;
  background:url('../_images/back-navbar-li-a.gif') no-repeat 15px 0.4em;
}
ul#navbar li ul {
  display:none;
  position:absolute;
  left:15px;
  top:1.3em;
  width:180px;
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
  background:#666;
  z-index:80;
}
ul#navbar li:hover ul {
  display:block;
}
ul#navbar li:hover ul li {
  float:none;
  border-bottom:1px solid #888;
}
ul#navbar li:hover ul li a {
  display:block;
  float:none;
  padding:4px 10px;
  font-size:0.7em;
  background:none;
}

ul#navmenu {
  margin:0;
  padding:6px 8px;
  list-style:none;
  background:#eee;
}
ul#navmenu li {
  display:inline;
}
ul#navmenu li a {
  padding:0 8px;
  font-weight:bold;
}


/* Banner */

div#banner {
  height:250px;
}
div#banner div.tagline {
  position:absolute;
  right:40px;
  margin-top:40px;
  width:400px;
  padding:12px;
  text-align:center;
  font-size:30px;
  font-weight:bold;
}
div#bannerlink {
  position:absolute;
  right:0;
  width:180px;
  z-index:40;
}
div#bannerlink a {
  display:block;
  padding:70px 16px 12px 64px;
  height:50px;
  text-align:center;
  line-height:1.2em;
  font-weight:bold;
  color:#000;
  background:url('../_images/back-banner-link.png') no-repeat left top;
}
div#bannerlink a:hover {
  color:#09c;
}
div#banner div.searchpanel {
  position:absolute;
  width:206px;
  height:236px;
  padding:14px 20px 2px 20px;
  background:url('../_images/back-banner-search.png') repeat;
  border-right:1px solid #fff;
  z-index:40;
}
div#banner div#search1 {
  left:0;
}
div#banner div#search2 {
  left:247px;
}


/* Main
--------*/

div#main {
  min-height:1%;
  margin:0;
  padding:0 0 32px 0;
}
div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/* Content */

div#content {
  float:left;
  width:706px;
  min-height:1%;
  margin:16px 0 0 0;
  padding:0 0 2px 16px;
}
div#content:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#content div.search {
  color:#fff;
  background:#666;
  padding:2px 0 14px 0;
}
div#content div.search h2 {
  color:#fff;
}
div#content div.searchpanel {
  float:left;
  width:206px;
  padding:14px 20px 2px 20px;
}
div#content div.search div.format {
  display:none;
}
div#content div.search span.button {
  background:url('../_images/back-button-yellowgrey.gif') no-repeat left;
}
div#content div.search span.button span {
  background:url('../_images/back-button-yellowgrey-span.gif') no-repeat right;
}

ul#signposts {
  min-height:1%;
  margin:0;
  padding:16px 0 8px 0;
  list-style:none;
}
* html ul#signposts {
  height:1%;
}
ul#signposts:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#signposts li {
  float:left;
  width:220px;
  height:240px;
  margin:0 11px 0 0;
  padding:4px;
}
ul#signposts li.final {
  margin-right:0;
}
ul#signposts li.signpost-grey {
  background:url('../_images/back-signpost-grey.gif') no-repeat center top;
}
ul#signposts li.signpost-yellow {
  background:url('../_images/back-signpost-yellow.gif') no-repeat center top;
}
ul#signposts li.signpost-blue {
  background:url('../_images/back-signpost-blue.gif') no-repeat center top;
}
ul#signposts li.postnote-blue {
  padding:4px 8px 4px 0;
  background:url('../_images/back-postnote-blue.gif') no-repeat center top;
}
ul#signposts li.postnote-yellow {
  padding:4px 8px 4px 0;
  background:url('../_images/back-postnote-yellow.gif') no-repeat center top;
}
ul#signposts li.postnote-yellow a span.title {
  padding-bottom:0;
}
ul#signposts li a {
  display:block;
  width:220px;
  height:240px;
  color:#666;
}
ul#signposts li a span.title {
  display:block;
  padding:14px 16px;
  font-size:1.2em;
  font-weight:bold;
}
ul#signposts li a:hover span.title {
  color:#09c;
}
ul#signposts li a span.image,
ul#signposts li a span.image img {
  display:block;
}
ul#signposts li a span.content {
  display:block;
  padding:16px;
}

ul.tabs {
  min-height:1%;
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  border-bottom:1px solid #ddd;
}
* html ul.tabs {
  height:1%;
}
ul.tabs:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul.tabs li {
  float:left;
  margin:0 5px 0 0;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
ul.tabs li a {
  float:left;
  padding:6px 12px;
  font-size:1.1em;
  font-weight:bold;
  color:#09c;
  background:#eee;
}
ul.tabs li.selected a {
  margin-bottom:-1px;
  padding-bottom:7px;
  color:#222;
  background:#fff;
}
div.tabpanel {
  padding:8px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}


/* Property */

div#images {
  float:left;
  width:366px;
}
img.show {
  display:block;
  padding:2px;
  border:1px solid #ddd;
}
div.slideshow a {
  display:block;
  padding:2px;
/*  border:1px solid #09c;*/
}
div.slideshow a:hover {
  border-color:#0bf;
}
div.slideshow a.selected {
  border-color:#666;
}
div.slideshow a img {
  display:block;
}

div#text {
  float:right;
  width:324px;
}


/* Search */

div#search {
  height:185px;
  padding:20px;
}

div.result {
  min-height:1%;
  padding:12px 0 2px 0;
  border-bottom:1px solid #ddd;
}
* html div.result {
  height:1%;
}
div.result:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.result div.image {
  float:left;
  width:206px;
  margin:0 16px 0 0;
  padding:0 0 10px 0;
}
div.result div.image a {
  display:block;
  padding:2px;
  border:1px solid #ccc;
}
div.result div.image a:hover {
  border-color:#09c;
}
div.result div.image a img {
  display:block;
}
div.result div.description {
  float:left;
  width:528px;
}
div.result div.description h2 {
  margin-bottom:0;
}
div.result div.description p {
  margin-bottom:8px;
}
div.result div.actions {
  float:right;
  width:160px;
  padding:10px 20px 0 0;
}
div.result div.actions span.button,
div.result div.actions span.button span,
div.result div.actions span.button span a {
  display:block;
}
div.result div.actions span.button {
  margin:0 0 4px 0;
}


/* Aside */

div#aside {
  float:right;
  width:206px;
  margin:16px 0 0 0;
  padding:0 16px;
  background:#fff;
  border-left:1px solid #ebebeb;
}

div.block {
  min-height:1%;
  margin:0 0 12px 0;
  padding:12px 0 2px 0;
  border-top:1px solid #ddd;
}
* html div.block {
  height:1%;
}
div.block:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.block h2 {
  color:#09c;
}
div.block p {
  margin:0 0 0.4em 0;
}

div.properties,
div.search {
  padding:0;
  border:0;
}

div#holder div.aside-student {
  width:238px;
  margin:0;
  padding:16px 4px 0 0;
  border:0;
}
div.aside-student div.properties {
  padding:14px 22px 14px 10px;
  background:url('../_images/back-aside-student-properties.gif') no-repeat left top;
}

ul.properties {
  margin:0;
  padding:0;
  list-style:none;
}
ul.properties li {
  margin:0 0 8px 0;
}
ul.properties li.final {
  margin-bottom:0;
}
ul.properties li a {
  display:block;
  color:#666;
}
ul.properties li a span.image {
  display:block;
  padding:2px;
  background:#fff;
 /* border:1px solid #ccc;*/
}
ul.properties li a:hover span.image {
  border-color:#09c;
}
ul.properties li a span.image img {
  display:block;
}
ul.properties li a span.title {
  display:block;
  font-weight:bold;
}
ul.properties li a span.title span.details {
  float:right;
  margin:0 0 0 10px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
  font-weight:normal;
}


/* Footer
----------*/

div#footer {
  min-height:1%;
  padding:40px 16px 2px 16px;
  color:#666;
  background:url('../_images/back-footer.gif') no-repeat top;
}
div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#footer div.floatright {
  position:relative;
  top:-24px;
}

.errorText {
  border:1px solid red;
}