/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox {
   display: none;
   position: absolute;
   top: 10%;
   left: 10%;
   z-index: 999;
   width: 80%;
   margin: 0;
   padding: 0;
   border: 3px solid #6ba0bc;
   background:#FDFCE9;
   text-align:left;
   height: 80%;
}
#lightbox .tekst{
   height: 600px;
}
#lightbox .vindu{
   height: 400px;
}

#topp {
   height: 20px;
   background: #6ba0bc;
   border: 3px solid #6ba0bc;
   font-size: 16px;
   color: #fff;
   width: 100%;
   position: absolute;
   top: -26px;
   left: -3px;
}
#tittel {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   margin-left: 22px;
}
#kryss_lukk {
   width: 16px;
   height: 17px;
   float: right;
   margin: 1px 2px 1px 0;
   border:0px solid #ff0000;
   background:#6ba0bc;
}
#lbContentText {
   clear:both;
   height: 100%;
   margin: 0 0 0 20px;
   padding: 0 20px 0 0;
   overflow: auto;
}
#lbContentTextInfo {
   clear: both;
   height: 100%;
   margin: 0;
   padding: 0 5px 0 20px;
   overflow: auto;
}
#lightbox_view {
   overflow: hidden;
   padding: 10px 490px 10px 0px;
   min-width: 250px;
}

#lightbox_view #course-description {
   float: left;
   overflow: hidden;
   width: 100%;
}

#lightbox_view #course-form {
   float: left;
   overflow: hidden;
   width: 475px;
   margin: 0 -490px 0 15px;
}
#lightbox_view h1.form-title {
   margin: 0 0 10px 0;
}

#lightbox[id]{
   position: fixed;
}

#overlay{
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 500;
   background-color: #000;
   -moz-opacity: 0.8;
   opacity: .80;
   filter: alpha(opacity=80);
}
#overlay[id]{
   position:fixed;
}

#lightbox.done #lbLoadMessage{
   display:none;
}
#lightbox.done #lbContent{
   display:block;
   height: 100%;
}
#lightbox.loading #lbContent{
   display:none;
}
#lightbox.loading #lbLoadMessage{
   display:block;
}

#lightbox.done img{
   width: 100%;
   height: 100%;
}