* { padding: 0; margin: 0; }

body {
     margin: 0px;
     text-align: center;
     font-family: georgia, Helvetica, Arial, sans-serif;
     background-color: #ccc;
     color: #666;
     font-size:100%;
     line-height:1.125em;
}

h1 {
  padding: 1px;
  font-weight: 500;
  font-size: 2.8em;
  color: #ccc;
}
h2 { 
  font-size: 1.2em; 
  margin-top: 2em;
}
h3 { 
  margin: 5px 0 0 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  line-height: 115%;
  color: #666;
  text-transform:uppercase;
}

a { 
  text-decoration: none; 
  color: #333;
}
a:visited { color: #999; }
a:hover { color: #f30; }
a:active { margin: 0; padding: 0; }
p { margin-top: 1em;}


#wrapper {
   width: 800px;
   margin: 0 auto;
   text-align: left;
   background-color: #fff;
   min-height: 800px;
   padding-top: 17px;
}

#content {
  padding: 0px;
  position: relative;
}

#topnav {
  height: 70px;
  width: 540px;
  overflow: visible;
  border: 0px;
  position: relative;
  background-image: url('/uploads/images/rule001.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center; 
  margin-left: auto;
  margin-right: auto;
}


#logo {
  height: 70px;
  position: absolute;
  left: 195px;
}
#logo h1 {
  border: none;
  padding: 0;
}
img {
  border: none;
}

.toplinks {
  height: 25px;
  position: absolute;
  top: 32px;
}

.toplinks a {
  margin: 0 5px;
  font-size: 0.9em;
  font-style:italic;
}

#topleft {
  right: 355px;
}
#topright {
  left: 355px;
}

.clear { clear: both; background: none; }

#seeall {
  font-size: 0.9em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.index-links {
 width: 616px;
 margin: 60px auto 0 auto;
 position: relative;
}

.gallery-links {
/*  position: absolute; */
/*  top: 0px; */
/*  line-height: 40px; */
 font-size: 1.1em;
 font-weight: 500;
 font-style: italic;
 text-transform: lowercase;
 text-align: center;
 line-height:1.5em;
}
.gallery-links2 {
/*  position: absolute; */
/*  top: 22px; */
/*  line-height: 40px; */
 margin-top: 30px;
 font-family: Arial, sans-serif;
 font-size: 0.65em;
 font-weight: 700;
 text-transform: uppercase;
 text-align: center;
}

.index-links a {
  margin: 2px;
  padding: 0;
  white-space:nowrap;
}
.index-links a:visited { color: #999; }
.index-links a:hover { color: #f30; }

a.lnk-highlighted { color: #f30; }
a.lnk-highlighted:visited { color: #f30; }
a.lnk-highlighted:hover { color: #f30; }


.thumb-wrapper {
 margin: 40px auto 30px auto;
 width: 616px;
}
.thumb-col {
 float:left;
 width: 88px;
 min-width: 88px;
}

/* .tcol1 { */
/*   padding-top: 42px; */
/* } */

.gthumb {
   float: left;
   width: 80px;
   height: 80px;
   margin: 4px;
   padding: 0px;
}
.gthumb .gthumb-container {
  border: none;
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}
.gthumb img {border:none;}

img.gthumb-mask {
  position: absolute;
  top: 0;
  left: 0;
} 


#thmbzoom-container {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 100px;
  width: 100px;
  z-index: 3;
  display: none;
}

.gallery {
    width: 900px; 
    height: 100px;
    overflow: hidden;
    border: #000 solid 1px;
}
.strip {
/*border-left: #000 solid 1px; */
width: 10000px; height: 100px;}


.image-full {
  position: relative;
  width: auto;
  display: block;
  height: 440px;
  margin-top: 20px;
}
.image-full img,p {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.image-full p {
  text-align:center;
  font-style:italic;
  font-size: 0.90em;
  margin-top: 5px;
}

div.controls a
{
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(/uploads/images/picture-next.png);
  opacity: 0;
/*   filter: alpha(opacity=0); */
}
div.controls a.previous
{
  left: 0;
  background-image: url(/uploads/images/picture-previous.png);
  background-position: left center;
}
div.controls a.alone {
  width: 90%;
  margin: 0 5%;
}
div.controls a:hover {
  opacity: 0.15;
/*   filter: alpha(opacity=15); */
}
.image-text {
  position: relative;
  margin-top: 10px;
}
.imgdata {
  margin-left: 67px;
  float: left;
  width: 315px;
}
.image-text p,h3 {
  margin: 5px 0 0 0;
  padding: 0;
  color: #999;
  font-size: 0.92em;
  line-height: 115%;
}
.image-text h3 {
  color: #666;
  text-transform:uppercase;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
}

.imgdesc {
  margin-right: 67px;
  float: right;
  width: 315px;
}
span.galcounter {
  position: absolute;
  left: 418px;
  bottom: 2px;
  margin-top: 5px;
  font-size: 0.8em;
  line-height: 1.0em;
  color: #999;
}

.gallery-thumbs {
  height: 35px;
  margin-left: 67px;
  margin-right: 67px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sthumb {
   float: left;
   width: 44px;
   height: 33px;
   border-right: #999 solid 1px;
   border-top: #999 solid 1px;
   border-bottom: #999 solid 1px;
   border-left: none;
}
.sthumb1 {border-left: #999 solid 1px;}
.rthumb {
   float: right;
   width: 44px;
   height: 33px;
   border-left: #999 solid 1px;
   border-top: #999 solid 1px;
   border-bottom: #999 solid 1px;
   border-right: none;
}
.rthumb1 {border-right: #999 solid 1px;}

 
.invisible { display: none; }
            
textarea { border: #000 solid 1px;}
#comment-form textarea {width: 100%; height: 150px;
}

.dragging { cursor: move; background-color: lightyellow;}



body.teaching #content {
  line-height: 140%;
  font-size: 0.92em;
  line-height: 125%;
  letter-spacing:0.01em;
  margin: 60px 175px 60px 175px;
}
body.teaching ul {
  list-style-position:inside;
  list-style-type:none;
}



/* LOGIN FORM */
body.login { background:#eee; }
.login #content { margin: 60px 175px 60px 175px; }
.login #container { background:white; border:1px solid #ccc; width:28em; min-width:300px; margin-left:auto; margin-right:auto; margin-top:40px; }
.login h4 {margin: 10px 0 0 70px;}
.login #content-main { width:100%; }
.login form { margin-top:1em; }
.login .form-row { padding:4px 0; float:left; width:100%; }
.login .form-row label { float:left; width:9em; padding-right:0.5em; line-height:1.5em; text-align:right; font-size:1em; color:#333; }
.login .form-row #id_username, .login .form-row #id_password { width:14em; }
.login span.help { font-size:10px; display:block; }
.login .submit-row { clear:both; padding:1em 0 1em 9.4em; }

/* STUDENT PROFILE */


body.profile { background:#eee; }
body.profile #content {
  width: 800px;
}

.profile #content-main {
  float: left;
  position: relative;
  width:525px;
}


.profile #heading {
  margin: 15px 0 20px 301px;
}
.profile h3 {
  font-family: georgia, Helvetica, Arial, sans-serif;
  text-transform:none;
  font-style:italic;
  font-weight: 500;
  color: #999;
  font-size: 2.0em;
}
.profile h4 {
  font-style:italic;
  font-weight: 500;
  color: #999;
  font-size: 0.95em;
}

.profile .form-wrapper {
  padding: 0;
}
.profile .form-wrapper img {
  font-size: 0.75em;
  margin-left: 10.5em;
  margin-bottom: 10px;
}
.profile .form-row { 
  padding:4px 0; 
  float:left; 
  width:100%; 
  margin-bottom: 10px;
}
.profile label { 
  float:left; 
  width:120px;
  padding-right: 6px;
  line-height:1.5em; 
  color:#333; 
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  font-weight: 500;
  text-align:right; 
  text-transform: uppercase;
}
.profile span.help { font-size:10px; display:block; }
.profile .submit-row { 
  clear: both; 
}



.profile #student-actions {
  float: left;
  min-height: 500px;
  margin-left: 20px;
  min-width: 155px;
  font-weight: 500;
  list-style-position: inside;
  list-style-type: none;
  font-style:italic;
  font-size: 0.95em;
  clear: none;
  padding:4px 0; 
}
.profile #student-actions ul {
  list-style-position:inside;
  list-style-type:none;
}
.profile #student-actions ul li {
  margin-bottom: 4px;
}

.profile .msg { 
  color: #f30;
  font-style:italic;
  font-size: 0.95em;
}
.profile p.minor { font-style:italic; }

.errorlist {
  list-style-position:inside;
  list-style-type:none;
  color: #f30;
  font-style:italic;
  font-size: 0.95em;
}


table#drag-container {
  width: 445px;
  border-collapse: separate;
  border-spacing: 5px 10px;
}
table#drag-container tr.head {
  padding: 10px 0;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 0.75em;
  text-align: left; 
  background-color: #eee;
  vertical-align: middle;
}
table#drag-container th {
  background-color: #eee;
  vertical-align: middle;
  font-weight: 500;
}
table#drag-container .img-col{
  width: 90px;
  padding: 0 5px;
}
table#drag-container .img-col img{
  margin: 0;
}
table#drag-container .title-col{
  width: 220px;
  padding: 0 10px;
}
table#drag-container .action-col{
  padding: 0 10px;
  width: 105px;
}
table#drag-container .action-col .img-edit {
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  float: left;
}
table#drag-container .action-col .img-del {
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  float: right;
}