* {
  margin: 0;
  padding: 0;
  border: 0;
}

.clearfix {
  clear: both;
}

body {
  background-color: #222;
  background-image: url('../../images/back_body.png');
  background-repeat: repeat-x;
  font-family: Tahoma, sans-serif;
  font-size: 0.8em;
}

  #main {
    margin: 0px auto 0px auto;
    width: 750px;
    background-color: #fff;
    background-image: url('../../images/back_top.png');
    background-position: top left;
    background-repeat: no-repeat;
  }
    #left-col {
      width: 232px;
      min-height: 768px;
      float: left;
    }
      #head {
        height: 140px;
        width: 750px;
      }      
      #header {
        display: block;
        height: 115px;
        width: 250px;
        background-repeat: no-repeat;  
        color: #fff;
        text-decoration: none;
        font-size: 0.8em;
        float: left;
      }
      #head ul {
        list-style: none;
        width: 470px;
        padding-top: 55px;
        float: right;
      }
        #head ul li {
          margin: 0px; 
          padding: 0px; 
          float: left;
          margin-left: 3px;
        }
        #head ul a {
          display: block;
          padding: 10px;
          text-decoration: none;
          margin: 0px;
          font-weight: bold;
        }

          #node_92 { color: #d19781; }
          #node_92.selected { border-bottom: 2px solid #d19781; }
          
          #node_93 { color: #baa797; }
          #node_93.selected { border-bottom: 2px solid #baa797; }
          
          #node_94 { color: #a4bc72; }
          #node_94.selected { border-bottom: 2px solid #a4bc72; }
          
          #node_95 { color: #a2b7ac; }
          #node_95.selected { border-bottom: 2px solid #a2b7ac; }
          
          #node_96 { color: #8bc7c2; }
          #node_96.selected { border-bottom: 2px solid #8bc7c2; }        
        
        #head ul a:hover {
          color: #fff;
          border-bottom: 2px solid #fff;
        }
        #home {
          visibility: hidden;
          display: none;
        }
    #right-col {
      float: right;
      width: 514px;
      min-height: 768px;
      border-left: 3px solid #fff;
    }
      #flags {
        text-align: right;
        padding: 8px;
        padding-right: 30px;
      }
        #flags img {
          margin-left: 5px; 
          border: 2px solid transparent;
        }
          #flags img:hover {
            border: 2px solid #fff;
          }
          #flags .off {
            border: 2px solid #fff;
          }
      #content {
        background-image: url('../../images/back_content_middle.png');
        background-position: top left;
        background-repeat: repeat-y;        
      }
        #inner-content {
         
          background-image: url('../../images/back_content_top.png');
          background-position: top left;
          background-repeat: no-repeat;
        }
        #inner-content2 {
         padding: 30px;
          padding-bottom: 100px;
                  background-image: url('../../images/back_content_bottom.png');
          background-position: bottom left;
          background-repeat: no-repeat;
        }
        #content h2 {
          font-family: "Trebuchet MS", Tahoma;
          font-size: 1.5em;
          text-transform: uppercase;
          font-weight: normal;
          color: #4a4a4a;
          letter-spacing: 0.2em;
        }
        #content h3 {
          font-family: "Trebuchet MS", Tahoma;
          font-size: 1em;
          text-transform: uppercase;
          font-weight: normal;
          color: #2d2d2d;
          letter-spacing: 0.2em;
          margin-top: 20px;
          margin-bottom: 8px;
        }
        #content p {
          max-width: 400px;
          border-left: 8px solid #a2b7ac; 
          color: #2d2d2d;
          text-indent: 30px;
          padding-left: 12px;
          margin-top: 20px;
          font-size: 1.1em;
          font-family: arial, sans-serif;
          line-height: 1.5em;
        }
        #content .reference { 
          float: left;
          width: 218px; 
          height: 138px;
          border: 3px solid #a2b7ac;
          display: block;
          margin-right: 4px;
          margin-bottom: 4px; 
        }
          #content .reference img {
            margin: 9px;
          }
        
        #content hr { border: 0px; border-bottom: 1px dotted #4a4a4a; margin-top: 10px; margin-bottom: 10px; }
        #content .big_reference { padding-bottom: 30px; float: left;}
          #content .screenshot { border: 3px solid #a2b7ac; margin-bottom: 9px; }
          #content .littleshot { border: 3px solid #a2b7ac; margin-right: 9px; }
          #content .desc { float: right; width: 240px; }
            #content .desc ul { 
                                margin-left: 15px;
                list-style-type: circle;
              }
                #content .left li {
                  margin-top: 5px; 
                }
        #content a {
          color: #f90;
                  }
        #content a:hover {
          text-decoration: none;          
        }
    #footer {
      clear: both;
      height: 188px;
      background-color: #222;
      background-image: url('../../images/back_footer.png');
      background-repeat: no-repeat;    
      border: 1px solid #4a4a4a;
    }
       #footer a {
            color: #ccc;
          }
      #links {
        width: 200px;
        float: left;
        padding-left: 30px;
        padding-top: 20px;
      }
        #footer h4 { 
          color: #888;
          text-transform: uppercase;
          font-family: "Trebuchet MS";
          letter-spacing: 0.1em;
          margin-bottom: 12px;
        }
        #footer h4 .img_links {
          display: block;
          width: 23px;
          height: 16px;
          background-image: url('../../images/comments.gif');
          background-repeat: no-repeat;
          background-position: 0px 2px;
          float: left;
        }
        #links ul {
          font-size: 0.85em;
          color: #ccc;
          width: 160px;
          margin-left: 20px;
          list-style-type: disc;          
        }
          #links li {
            margin-top: 3px;            
          }
        #copyright {
          font-size: 0.85em;
          color: #999;
          margin-top: 30px;
        }
      #team {
      
        float: right;
        border-left: 3px solid #fff;
        width: 484px;
        height: 168px;
        padding-left: 30px;
        padding-top: 20px;
        color: #ccc;
      }
        #footer h4 .img_team {
          display: block;
          width: 23px;
          height: 16px;
          background-image: url('../../images/user.gif');
          background-repeat: no-repeat;
          background-position: 0px 2px;
          float: left;
        }
        #fk { font-size: 0.85em; width: 120px; height: 100px; position: relative; top: -2px; left: 110px; float: left; color: #fff; }
        #io { font-size: 0.85em; width: 120px; height: 100px; position: relative; top: -2px; right: 20px; float: right; color: #fff; }
        #team ul { list-style-type: none; margin-top: 20px; }  
        #team li { margin-top: 3px; } 
        

form.form { }
    form.form table { }
        form.form caption { font-size: 1.2em; padding: 0.2em 0 0.3em; }
        form.form th, form.form td { padding: 0.2em; font-size: 0.85em; }
        form.form th { font-weight: bold; vertical-align: top; text-align: right; }
    form.form input[type=text], form.form input[type=password] { border: 1px solid #ddd; border-top: 3px solid #a2b7ac; padding: 2px; }
    form.form input { border: 1px solid #ddd; border-top: 3px solid #a2b7ac; padding: 2px; }
    form.form textarea { border: 1px solid #ddd; border-top: 3px solid #a2b7ac; padding: 2px; }
    form.form input[type=file] { border: 0px solid #ddd; }
    
    form.form input[type=text]:hover, form.form input[type=password]:hover { background-color: #f0fde2; border-top: 3px solid #b1e77a; }
    form.form textarea:hover { border-top: 3px solid #b1e77a; background-color: #f0fde2; }
    
    form.form input[type=text]:focus, form.form input[type=password]:focus { background-color: #fcffec; border-top: 3px solid #b1e77a; }
    form.form textarea:focus { background-color: #fcffec; border-top: 3px solid #b1e77a; padding: 2px; }
    form.form input[type=submit], form.form button {padding: 5px; background-color: #a2b7ac; color: #fff;}
    form.form button {padding: 5px; background-color: #a2b7ac; color: #fff;}

    .resizable-textarea {
        width: 95%;
    }

    .resizable-textarea .grippie {
        height: 9px;
        background: #EEEEEE url('../../images/grippie.gif') no-repeat center 2px;
        border: 1px solid #DDDDDD;
        border-top-width: 0;
        cursor: s-resize;
        overflow: hidden;
    }
    
    .frontend-table td, .frontend-table th {
        padding: 5px;
    }
.message {
  width: 350px;
  color: #333; 
  font-size: 0.9em;
  padding: 15px;
  padding-left: 50px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
  .success {
    border: 1px solid #060;
    background-color: #ff9;
    background-image: url('../../images/success.png');
  }

  .error {
    border: 1px solid #f30;
    background-color: #ff9;
    background-image: url('../../images/error.png');
  }
  

/** LightBox */  
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{  }
#imageData #caption a { font-size: 2em; color: #2d2d2d; color: #f90; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }