*
{
	margin:0;
	padding:0;
}

body
{
	margin: 10px 0 10px 0;
	text-align: center;
	background-color: #ACB9AC;
        color:black;
}

div.box
{
  width: 680px;
  overflow: hidden;
  margin: 0 auto;
  padding: 10px 0 0 0;
  border:1px solid;
}

div#userList
{
  float:left;
  border:0px solid black;
  left:10px;
  top:10px;
  position:absolute;
  padding:1px;

}

div#userList >a
{
 font-size: 11pt;
 text-decoration: none;
 margin: 1px;
 padding: 5px 0px 5px 0px;
 border: 0px solid;
 background: #758A75;
 color: #000000;
 font-family:Geneva,Arial,Helvetica,sans-serif;
 display: table-cell;
 width: 80px;
 float:left;
 border: 1px solid black;
}

div#userList >a:hover
{
     background-color: #00FF00;
}

div#userList >a#userActive
{
    background-color: #00FF00;
}

div#pageList
{
  float:left;
  border:0px solid black;
  left:725px;
  top:52px;
  position:absolute;
  padding:1px;
  max-width: 88px;
}

div#pageList >a
{
 width: 25px;
 height:25px;
 font-size: 11pt;
 text-decoration: none;
 margin: 1px;
 padding: 0px 0px 0px 0px;
 border: 1px solid black;
 background: #758A75;
 color: #000000;
 font-family:Geneva,Arial,Helvetica,sans-serif;
 display: table-cell;
 float:left;
}

div#pageList >a:hover
{
    background-color: #00FF00;
}

div#pageList >a#pageActive
{
    background-color: #00FF00;
}

div#img
{
  border:0px solid black;
  padding:2px;
  width:145px;
  left:10px;
  top:50px;
  position:absolute;
  float: left;
  display:block;
}

div#imgMax
{
    left: 170px;
    top: 54px;
    width: 543px;
    height: 410px;
    border:0px solid  black;
    position:absolute;
    margin:0 auto;
    padding: 0px;
}



div#imgMax >a
{
    padding: 0px;
    margin: 0px;
}

div#imgMax >a >img
{

  border:1px solid black;
  padding:4px 4px 4px 4px;
  background-color: #758A75;

}

div#imgMax >a >img:hover
{
   background-color: #00FF00;
}

div.img1
{
    border: 0px solid black;
    margin: 2px;
    float:left;
    width: 141px;
    height: 108px;
}

div.img2
{
    margin: 0 auto;
}

div.img3
{
    border: 1px solid black;
    padding: 3px;
}
div.img2 >a >img
{

  border:1px solid black;
  padding:3px;
  background-color: #758A75;
}

div.img2 >a >img:hover
{
  background-color: #00FF00;
}

div.img2 >a >img#imgActive
{
   background-color: #00FF00;
}

#user
{
   font-size:12pt;
   width: 250px;
   padding: 5px;
   margin: 5px;
   background-color:#758A75;
   border:1px solid black;
}

#code
{
       font-size:12pt;
       width: 130px;
       padding: 5px;
       margin: 5px;
       background-color:#758A75;
       border:1px solid black;
}

#submit
{
       font-size:12pt;
       width: 370px;
       padding: 5px;
       margin: 5px;
       background-color:#758A75;
       border:1px solid black;
}

#submit:hover, #user:hover, #code:hover
{
    background-color:#F0F8FF;
}

input.file
{
	background-color: #F0F8FF;
	font-size: 8pt;
        margin: 1px;
        padding: 1px;
}