*
{
    padding: 0;
    margin: 0;
}
body,table,div {font-family:tahoma,verdana; font-size:7pt;}
body {
	padding: 0px; 
	margin: 0px;
	background-color: gainsboro;
}
#header {background-color: black; color: white;font-weight:bold;}
#footer {background-color: black; color: white;}
#content {background-color: gainsboro; color: navy;}

#plist {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:200px; 
	height:100%;
	/*border-right: 3px solid lightsteelblue;*/
	background-color: white;
	overflow:auto;
}
#psplitter {
	width: 100%;	
}
#ptree {
	padding-left: 1px;	
}
#pcontent {
	/*position:inherit;*/
	/*left:0px;*/
	top:0px;
	width:500px;
	height:100%;
	overflow:hidden;
	margin-left: 3px;
}
#tcontent {
	position: relative;
	border-width: 0; 
	width: 100%; 
	background-color: gainsboro;
}

#formsave {
	display: none;
}

#tblist {
	width: 100%;
}
#tdlist {
	width: 100%;
	vertical-align: top;
}
#ccontent {
	border-width: 0; 
	width: 100%; 
    border-spacing: 0;
    border-collapse: collapse;
}

/* tab nav */
ul#tabnav {position: relative;font: normal 11px tahoma,verdana, arial, sans-serif;list-style-type: none;padding-bottom: 24px;padding-left: 4px;border-bottom: 1px solid #888888;margin-left: 5px; margin-right: 5px;margin-top: 0px;margin-bottom: 0px;}
ul#tabnav li {float: left;height: 21px;background-color: #CCCCCC;margin: 2px 0px 0 2px;border: 1px solid #888888;}
ul#tabnav .ctab {float: left;height: 21px;margin: 2px 0px 0 2px;border-bottom: 1px solid #fff;background-color: #fff;}
ul#tabnav .ntab {float: left;height: 21px;margin: 2px 0px 0 2px;background-color: #CCCCCC;border: 1px solid #888888;}
ul#tabnav li a {color: #000;}
#tabnav a {float: left; display: block; color: #000000; text-decoration: none; padding: 4px;cursor:pointer;}
/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
#tabnav a {float:none;}
/* End IE5-Mac hack */
#tabnav a:hover {background: #EEEEEE;cursor: pointer;}
.panel {margin-left: 5px; margin-right: 5px;border-left: 1px solid #888888;border-right: 1px solid #888888;border-bottom: 1px solid #888888;z-index:10;}
.panel td {font-size: 9pt;}

#showtree {
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#showtree a {
	color: black;
	text-decoration: none;
}
#showtree img {
	border: 0px;
	padding-right: 2px;
}
.hand {
	cursor: pointer;
}

.footermenu {
	background-color:black;
	font-family: tahoma,verdana, arial, helvetica, sans-serif; 
	color:white; 
	font-size:7pt;
	font-weight:bold;
	background-color:black;
}
.footermenu ul {
	text-ident: 0px;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
.footermenu li {
	background-color:black;
	padding:2px;
	text-ident: 0px;
	float:left; 
	list-style-type:none;
}
.footermenu li a {color:white;text-decoration: none;}
.footermenu li a:hover {color:white;text-decoration: underline;}
.copyright {	
	background-color:black;
	text-align:right;
	padding:2px;
	font-family: verdana, arial, helvetica, sans-serif; 
	color:white; 
	font-size:7pt;
	font-weight:bold;
}
.powered {	
	float:right; 
	background-color:white;
	border-color: black;
	border-width: 1px 1px 1px 1px;
	border-style:solid;
}

.thumbimg {
	width: 33%;
	text-align: center;
	height:170px
}

.thumb td {
	font-size: 8pt;
}

.thumbhead {
	font-weight: bold;
	text-align: right;
}

.thumbimg img {
	border: 2px solid lightsteelblue;
	cursor: pointer;
}

.thumbname {
	cursor: pointer;
}

.imgx {border: 0px;}

.titlebar {
	width:100%;
	background:url(../images/titlebar.gif) no-repeat;
	background-color:#a0b7ce;
	color:white;
	font-weight: bold;
	height: 28px;
	font-size: 9pt;
}

select.btn {
	border-color: black;
	border-width: 1px 1px 1px 1px;
	border-style:solid;
	font-family:tahoma,verdana; font-size:7pt;
}
.pager {
	font-family:tahoma,verdana; font-size:7pt;
	background-color:#a0b7ce;
	border-color: #a0b7ce;
	border-width: 0px 0px 0px 0px;
	border-style:solid;
}
#thumbgallery {
	overflow:scroll;
	height:200px;
}
.lightbox_outer {
	display:inline-block;
	cursor: pointer;
	/* border: 1px solid lightsteelblue; */
	width:162px;
	height:182px;
	text-align: center;
	vertical-align: top;	
}
.lightbox_outer2 {
	display:inline-block;
	cursor: pointer;
	width:162px;
	height:182px;
	text-align: center;
	vertical-align: bottom;	
}
.lightbox_outer1 {
	cursor: pointer;
	border: 1px solid lightsteelblue;
	width:162px;
	height:162px;
	text-align: center;
	vertical-align: top;	
}
.lightbox_inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.lightbox_thumb {
} 

.rotate0 {
	
}
.rotate90,.lb-rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.lb-rotate90x {
	margin-left: 100%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;	
}
.lb-rotate90 {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;	
}

.rotate180,.lb-rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate270,.lb-rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.lb-rotate270x {
	margin-left: -177%;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;	
}
.lb-rotate270 {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;	
}
#hoverInfo {
    display: none;
}
#editInfo {
    display: none;
	position: absolute;
	border: 1px solid lightsteelblue;
	z-index: 10002;
	background-color: white;
}

#editInfo th {
	vertical-align: top;
}
/*
#hoverInfo {
    display: none;
    position: relative;
    top: -25px;
}

.lightbox_outer:hover {
    opacity: .8;
}

.lightbox_outer:hover + #hoverInfo {
    display: block;
}
*/


.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}
.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu SPAN {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI:hover SPAN {
	color: #FFF;
	background-color: #CCCCCC;
	cursor: hand;
}

.contextMenu LI.disabled SPAN {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled SPAN {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

.contextMenu LI.reload A { background-image: url(treeimages/reload.gif); }
.contextMenu LI.delete A { background-image: url(treeimages/delete.gif); }
.contextMenu LI.newfolder A { background-image: url(treeimages/folder_new.gif); }

.contextMenu LI.reload SPAN { background-image: url(treeimages/reload.gif); }
.contextMenu LI.delete SPAN { background-image: url(treeimages/delete.gif); }
.contextMenu LI.newfolder SPAN { background-image: url(treeimages/folder_new.gif); }

textarea {
	display: block;
	width: 100%;
}

input.btn {
    font-family: tahoma,verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666666;
    background-color: #EEEEEE;
    border: 1px #000000 solid;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
    text-decoration: none;
    cursor: pointer;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;	
}

input.btn:hover {
  background: #3dad2b;
  text-decoration: none;
}

pre {
    font-family: tahoma,verdana;	
}

.folder {
	/*background-color: yellow;*/
	width: 162px;
}
.video {
	/*background-color: yellow;*/
	width: 162px;
}
.overme {
	font-family: tahoma,verdana;
	font-size: 11px;	
    width: 162px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    color: black;
}


#tabnav3 {
	display:none;
}
#panel1 {
	display:none;
}
#panel2 {
	display:none;
}
#panel3 {
	display:none;
}
#panel4 {
	display:none;
}
#thumbgallery2 {
	overflow:scroll;
	height:200px;
}