.topborder {
	background-repeat: repeat-x;
    background-position: top;
	}
.bottomborder {
	background-repeat: repeat-x;
    background-position: bottom;
 } 
.leftborder {
	background-repeat: repeat-y;
    background-position: left;
 } 
.rightborder {
	background-repeat: repeat-y;
    background-position: right;
 } 
.topleftcorner {
	background-repeat: no-repeat;
    background-position: top left;
 } 
.toprightcorner {
	background-repeat: no-repeat;
    background-position: top right;
 } 
.bottomleftcorner {
	background-repeat: no-repeat;
    background-position: bottom left;
 } 
.bottomrightcorner {
	background-repeat: no-repeat;
    background-position: bottom right;
 } 
 li.directory {
	color:#FF0000; 
}
.directoryPlus {
	color: #FF6600; 
}
.directoryMinus {
	color:  #FF00CC; 
}
#imageDisplay{
	position: absolute;
	z-index:5;
	left:200px;
	border:thin solid #666666;
	background:#ffffff;
	padding:5px;
	display:none;
	color: #000000;
	float: none;
	width: auto;
		}
#borderImageDisplay{
	position: absolute;
	z-index:5;
	left:200px;
	border:thin solid #666666;
	background:#ffffff;
	padding:5px;
	display:none;
	color: #000000;
	float: none;
	width: auto;
		}
.bgImageDirectoyBoxSelected{
  background-color: #FFFFCC;
  }
a.selected{
  background-color: #FFFF00;
  }
a.fileselected{
  background-color: #FFFF33;
  }
#bgImageDirectoyBox{
	position:absolute;
	border:thin solid #666666;
	background:#ffffff;
	padding:5px;
/*	display:none; */
	float: none;
	width: auto;
	min-width:200px;
	min-height:400px;
/*	max-width:1200px;
	max-height:800px;
	overflow:auto;  */
	}
span.removeBorder
{color:#FF0000;
  border-top: 1px solid #888;
  border-left:1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}
.cornerParent
{ 
  background-color: #00FFFF;
  padding:20px;
}
.gradFrame
{
  color:#FF0000;
  background-color: #ccc;
  width:200px;
  border-top: 1px solid #888;
  border-left:1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}
.frame
{
  color:#FF0000;
  background-color: #ccc;
  border-top: 1px solid #888;
  border-left:1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}
.gradientDiv
{

  text-align: center;
  float: left;
  background-color: #ddd;
  border: 1px solid #000;
  margin: 10px;
  padding: 10px;
  font-size: .9em;
  color: #FFFFCC;
  border-top: 1px solid #888;
  border-left:1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}
#mainTable
{ text-align: center;
  background-color: #ddd;
  border: 1px solid #000;
  margin: 10px;
  padding: 10px;
  font-size: .9em;
  color: #003399;
  border-top: 1px solid #888;
  border-left:1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  position:absolute;
  top:100px;
  left:10px;
  max-width:600px;
  min-width:20px;
  white-space:nowrap;
}
.collapse
{
  text-align: center;
  background-color: #FFFFCC;
  border: 1px solid #000;
  width:20px;
  height:20px;
  font-size: 1em;
  border-top: 2px solid #000;
  border-left:2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  text-align:center;
  vertical-align:middle;
}
#sampleBoxSizeSpan
{
  text-align: center;
  background-color: #dddddd;
  border: 1px solid #000;
  font-size: 1em;
  border-top: 2px solid #000;
  border-left:2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  text-align:center;
  vertical-align:middle;
}
#bgColorDiv
{  text-align: center;
}
.borderImage
{color:#FF0000; border:thin;
}
.hover
{ color: #FF00FF;
text-decoration: underline;
cursor:pointer
}
a {color: #FF0000;}
a:link {color: #FF0000;
  text-decoration: underline}
a:visited {
  color: #00FF00}
a:hover {
  color: #FF00FF;
  text-decoration: underline;
  cursor:pointer}
a:active {
   color: #0000FF}
#uploadDiv {
background:#ffc;
padding:5px 5px 5px 5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold; 
width:600px
} 

.smallBox {
border:1px solid #000000;
} 
#controlTableDiv { color: #000;
      position:absolute;
	  top:10px;
	  left:10px;
	  background-color:  #FF99FF;
	  text-align: left;
      vertical-align:middle;
	  border-width: 2px;
	  z-index:10; 
	   }
div.borderTopDiv { color: #000;
	  text-align: center;
      vertical-align:middle;
	  border-width: 2px;
	  float: left;
	  padding: 2px 2px 2px 2px; 
	  background-color:#fff; 
	   }

div.imageCornerTable {
  width:500px;	   
	   }

div.applyBorder { color: #000;
	  text-align: center;
      vertical-align:middle;
	  padding: 20px 2px 2px 2px; 
	  width: 80px;
	  height: 100px; 
	  margin:  1em; 
	  background-color: #6af;
	   }
#slider { margin: 10px; }