
/* commented backslash hack v2 \*/ 
html, body{
margin:0; 
padding:0; 
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-attachment: fixed;
} 
/* end hack */ 

div.hoverclass {
	border:1px dashed grey;
}

a {
	text-decoration: none;
    color:#CCCCCC;
}

.copy{
	position:fixed;
    left:0;

	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	_position:absolute;
	_left:expression(document.body.scrollLeft);
    bottom:0;
    width:100%;
    height:20;
    font-size:15px;
    color:#333333;
    z-index:1000000;
}

#outer{
	min-height:100%;
	height:100%;
    z-index:-1;
}


#showproject{
    position:fixed;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    _position:absolute;
    left:50px;
    _left:expression(document.body.scrollLeft+50);
    bottom:0px;
    z-index:1000001;
}

#blockpanel {
  z-index:10000000;
  border: 1px solid #ddd;
  _background: url(images/footer.gif) #f5f5f5;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  color: #555555;
  vertical-align:middle;
  font-size: 10px;
}

input {

 font-size: 14px;
}

textarea {
 font-size: 14px;

}

.panel {

  color: #555555;
  font-size: 14px;

}
  
.img-but {
    cursor:hand;
    position:absolute;
    width:48px;
    height:48px;
}

.img-small-but {
    cursor:hand;
    width:32px;
    height:32px;
    display:inline;
}

img {
   behavior: url("js/pngbehavior.htc");
   border:0;
}


#imgaddnote {
    z-index:10000000;
    left:0px;
    bottom:0px;
	position:fixed;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	_position:absolute;
}

#indicator {
    z-index:10000000;
    
    position:fixed;
    _position:absolute;

    right:0px;
    top:0px;
}


#moreinfo {
    position:fixed;
    _position:absolute;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
   
    font-size:13px;
    color:#CCCCCC;    
    z-index:1000000;
    left:100px;
    bottom:0px;
}

.note {
    color: #222222;
    font-size: 14px;
    overflow:hidden;
    border:1px solid black;
    position:absolute;
    padding:2px;
    text-align:center;
	min-width:54px;
	max-width:233px; 
	min-height:33px;
	max-height:144px; 
}

#resizer {
    color: #222222;
    font-size: 12px;
    overflow:hidden;
    width:150px;
    height:100px;
    border:1px solid gray;
    position:realtive;
    padding:2px;
    text-align:center;
    
    cursor:move;
    background-color:#EEF;
}

.feedback_footer {
	width: 100%;
 	z-index:100000;
    left:0px;
    bottom:0px;
	position:fixed;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	_position:absolute;
}

.modal-window { background:#202020 ; position:absolute; overflow:hidden;  font-family:"trebuchet MS";}
.title { background:#454545;}
.container { background:#202020; padding:10px}
.container img { display:block; margin:0; padding:0}


.modal-window h3 { display:block; font-family:"trebuchet MS"; font-size:14px; font-weight:normal;color:#000; line-height:20px; height:32px; margin:0; padding: 0 0 0 10px; cursor:move;  }

.title span { position:absolute; right:10px; top:12px; display:block; height:12px; width:20px; cursor:pointer; text-indent:-9000px;}

.title span.on, .title span.on { background:url(/images/arr-open.gif) no-repeat right; }

.title span.off, .title span.off { background:url(/images/arr-close.gif) no-repeat right;  }


.modal-window h4, .modal-window h5 { display:block; font-family:"trebuchet MS"; font-size:14px; font-weight:bold; background:#454545; color:#FFFFFF; line-height:26px; height:26px; margin:0; padding: 0 0 0 10px; }


.modal-window h4 span { position:absolute; right:10px; top:0px; font-weight:normal; display:block; height:26px; width:50%; text-align:right; padding:0 20px 0 0 }

.modal-window h4 b { color:#999999; font-weight:normal; }

.modal-window h5 { cursor:move; }

.modal-window h5 span { position:absolute; right:10px; top:7px; display:block; height:12px; width:20px; cursor:pointer; text-indent:-9000px; }

.modal-window h4 span a.close-window { display:block; float:right; height:14px; width:14px; overflow:hidden; margin: 0 0 0 25px; padding:0; cursor:pointer; text-indent:-9000px; position:relative; top:-20px; right:-20px; }
.modal-window h4 span a.close-window img { border:none}

form#addNote { width:430px; height:270px; margin:0; padding:0}

form#addNote textarea, form#addNote input { margin:0 10px 0 0 ; font-size:15px; }

form#addNote textarea { background:#FFFFFF; border:#FFFFFF 4px solid; height:200px; width:420px; clear:both; float:none; }

form#addNote input { border-left:#FFFFFF 4px solid; border-right:#FFFFFF 4px solid; border-top:#FFFFFF 3px solid; border-bottom:#FFFFFF 3px solid; background:#FFFFFF; height:20px; width:200px; clear:both; margin-top:10px; float:left;}


form#search { width:430px; height:200; margin:0; padding:0}

form#search input { border-left:#FFFFFF 4px solid; border-right:#FFFFFF 4px solid; border-top:#FFFFFF 3px solid; border-bottom:#FFFFFF 3px solid; background:#FFFFFF; height:20px; width:300px; clear:both; margin-top:10px; float:left; margin:10px 10px 0 0 ; font-size:15px; }

form#search p { padding:15px 0 0 0; margin:0; font-size:14px; display:block; clear:both; color:#FFFFFF; line-height:18px; }
form#search p a { color:#099ffe; text-decoration:none; }
form#search p a:hover { color:#FF6600; text-decoration:underline; }


#filter {}
#filter form { width:430px; height:200px; }
#filter form label { width:100px; color:#FFFFFF; text-align:right; font-size:14px; font-weight:bold; }
#filter form textarea {}
#filter form input {}
#filter form select {}


.minimized{
	cursor:pointer;
	background-image: url(images/eng/panel_min.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.maximized{
	cursor:pointer;
	background-image: url(images/eng/panel_max.gif);
	background-repeat: no-repeat;
	background-position: right center;
	
}
