@charset "UTF-8";
/* CSS Document */

#apDiv2 {
	position:relative;
	top:150px;
	width:700px;
	margin: 0px auto -1px auto;
	height: 300px;
	z-index: 3;
}
#info {
	position:relative;
	top:285px;
	width:700px;
	margin: 0px auto -1px auto;
	height: 14px;
	color: #999;
	bottom:0px;
	z-index: 3;
	
}
#front {
	position:fixed;
	top:150px;
}
#infopage {
	
	
	margin: 0px auto -1px auto;
	height: 14px;
	color: #999;
	bottom:0px;
	z-index: 3;
	font-size: 10px;

	font-size: 12px;
	letter-spacing: 1px;
	bottom: 0px;
}
#signin {
	position:absolute;
	left:0px;
	width:410px;
	height:281px;
	background-image: url(logbg.png);
	z-index:2;
}
#about {
	position:absolute;
	width:300px;
	height: 281px;
	left:410px;
	line-height: 18px;
	padding-left: 20px;
	;
	font-weight: bold;
	color: #333;
	z-index:2;
}
#input {
	padding-right:15px;
	line-height:22px;
	font-size: 12px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 40px;
}
#apDiv1 div #input #form1 label {
	font-size: 12px;
	color: #333;
}
.re {
	font-size: 10px;
}
#apDiv2 #about div {
	font-size: 10px;
	color: #424143;
}
#top {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:32px;
	z-index:2;
	background-color: #CCC;
}
#apDiv3 {
	position:fixed;
	left:0px;
	top:0px;
	width:68px;
	height:68px;
	background-image: url(topl.png);
}
#apDiv4 {
	position:fixed;
	top:0px;
	width:68px;
	height:68px;
	
	right: 0px;
	background-image: url(topr.png);
}
#bottom {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:10px;
	z-index:1;
	font-size: 10px;
	line-height: 5px;
}
#apDiv5 {
	position:fixed;
	bottom:0px;
	width:60px;
	height:68px;
	
	left: 0px;
	background-image: url(bottoml.png);
}
#apDiv6 {
	position:fixed;
	bottom:0px;
	width:60px;
	height:68px;
	
	right: 0px;
	background-image: url(bottomr.png);
}
#bg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(grad2.jpg);
}
body {
	background-image: url(bg4.png);
	background-repeat: repeat-x;
	background-attachment:fixed;
}

.form {  font-size: 14px; color="#990000"; }
.info {
	font-size: 10px;
}
.info {
	font-size: 12px;
	letter-spacing: 1px;
	bottom: 0px;
	color: #999;
}


.extruder{
  position:fixed;
  cursor:default;
  background:url("../elements/extruder_blank.png");
}

.extruder .header{
  height:27px;
}

.extruder .content{
  display:none;
  background:url("../elements/extruder_bgnd.png") repeat-y bottom left;
}

.extruder.open .content{
  -moz-box-shadow:#999 2px -2px 2px;
  -webkit-box-shadow:#999 2px -2px 2px;
}



.extruder .footer{
  display:block;
  spadding:5px;
  height:10px;
  background:#000;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
.extruder.top .flap{
  color:white;
  text-shadow: #000 2px 2px 2px;
  font:18px/18px Arial, Helvetica, sans-serif;
  text-align:center;
  display:block;
  padding:0 5px 5px 5px;
  height:30px;
  background:url("../elements/extruder_flap.png") no-repeat top center;
  cursor:pointer;
}

.extruder.left{
  /*position:absolute;*/
  height:100%;
  background:url("../elements/extruder_blank.png");
}

.extruder.left .content{
  display:block;
  border-right:3px solid #000;
}


.extruder.left .ext_wrapper{
  height:100%;
}

.extruder.left .footer{
  display:none;
}

.extruder.left .flap{
  font-size:18px;
  color:white;
  top:0;
  padding:10px 0px 10px 10px;
  background:#000;
  width:30px;
  /*height:150px;*/
  position:absolute;
  /*overflow:hidden;*/
  right:-2px;
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-box-shadow:#666 2px 0px 3px;
  -webkit-box-shadow:#666 2px 0px 3px;
}


/*Extruder Content*/

  .extruder .voice{
    font:18px/18px Arial, Helvetica, sans-serif;
    color:white;
    padding:5px;
    padding-left:10px;
    height:27px;
    border-bottom:1px solid #333;
    background:url("../elements/extruder_blank.png") no-repeat bottom left;
    text-shadow:#333 2px 2px 2px;
  }
 .extruder .voice.disabled{
   cursor:default;
  }
.extruder .text{
    background:#222;
    font:14px/16px Arial, Helvetica, sans-serif;
    color:gray;
    padding:10px;
    border-bottom:1px solid #333;
  /*text-shadow:#000 2px 2px 2px;*/
  }

  .extruder .voice.hover{
    background:url("../elements/extruder_voiceHover.png") no-repeat top;
  }

  .extruder .voice.sel{
    background:url("../elements/extruder_voiceHover.png") no-repeat top;
  }

  .extruder .voice img{
    float:left;
    margin-right:15px;
  }

  .extruder .voice a.label{
    display:block;
    height:30px;
    color:white;
    padding-top:0px;
    text-decoration:none;
  }

  .extruder .voice span.label{
    display:block;
    height:30px;
    color: #d0cfcf;
    padding-top:0px;
    text-decoration:none;
  }

  .extruder .voice{
    position:relative;
  }

  .extruder .settingsBtn{
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    background: url("../elements/settingsBtn.png") no-repeat bottom;
    cursor:pointer;
    right:-3px;
    top:-4px;
    /*z-index:1000;*/
  }

  .extruder .optionsPanel{
    /*background: url("../elements/optionsPanel.png") no-repeat bottom;*/
    background: url("../elements/fuzz.gif");
    display:none;
    border-bottom:1px solid #333;
  }

  .extruder .voice.sel{
    background: url("../elements/extruder_voiceHover.png") no-repeat top;
  }


  /*Extruder Panel*/

  .optionsPanel .panelVoice a{
    text-decoration:none;
    display:block;
    color:#cccccc;
    padding:8px;
    padding-left:20px;
    font-size:16px;
    text-shadow:#333 1px 1px 1px;
    border-bottom:1px solid #444;
    cursor:pointer;
  }
  .optionsPanel .panelVoice a:hover{
    color:#fff;
    /*background: #666666;*/
    background: url("../elements/red_op_50.png");
  }

:focus {
	outline: 0;
}


      #content #nav1 li, #content #nav1 li a {
        position: relative;
        float: right;
      }      
      #content #nav1 li { top: 15px; margin: 0; background: none; padding: 0; }
      #content #nav1 li a {
        display: block;


        height: 50px;
      }
      #content #nav1 li a span {
        display: block;
        position: absolute;
        height: 60px;
        width: 10px;

        right: 0;

      }
      #content #nav1 li a:hover, #content #nav1 li a:hover span { background-position: 0 -194px; color: #3f5f5a; }
      #content #nav1 li a:active, #content #nav1 li a:active span {
	background-position: 0 -300px;
}