/*******************
  Copyright (c) 2004-2005 TinyWebGallery
  written by Michael Dempfle
  TWG version: 1.8
********************/
/*
This is the stylesheet where you can do your personal settings - 
You find the most important settings to adapt the colors of your gallery! 

I recommend not to modify the style.css because if I upgrade you can still
use your stylesheet! copy the stuff you change into this css. The settings
in this file overwrite the default settings!
Remove this file if you don't use it because otherwise its transfered to the server!


I recommend to use the color manager in he backend to get a first draft.
This will be saved in this file! Then you can start from there!
*/

/*
body {
background-color: #ccc;
}
td.twg_info {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color: #fff;
}

*/

div,h1,h2,h3,h4,h5,h6,p,address,ol,ul ,li {color: #000; margin: 0px; padding: 0px; }

body.twg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* the colors of the links */
a:link { color:#000; text-decoration: none; }
a:visited { color:#000; text-decoration:none; }
a:hover { color:#009; text-decoration:none; }
a:active { color:#009; text-decoration:none; }
a:focus { color:#009; text-decoration:none; }

body  {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #555;
}

/* settings for the top middle cell where the navigation buttons are - everything can be set individuall in the top! 
   if you want to change the color of the top row change the color at topnav, topnavleft, topnavright
   
   if you want to change the color of the whole border you have to edit sideframe and framestyle.css as well!
*/

td {
     background-color: #F7EEDF;
}
td.topnav {
  height: 30px;
  text-align: center;
  vertical-align: middle;
  border-top: 2px none; 
  border-bottom: 2px none; 
  font-size: 10px;
  width: auto;
  background-color: #F7EEDF;
}

/* settings for the top left cell where the galleries -> ... ->  buttons are */
td.topnavleft {
   height: 30px;
	 vertical-align: middle;
	 border-top: 2px none; 
   border-bottom: 2px none; 
   font-size: 10px;
	 text-align: left;
	 width: 35%;
   padding-left: 5px;
   background-color: #F7EEDF;
}

/* settings for the top right cell where the menu buttons are */
td.topnavright {
   height: 30px;
	 width: 35%;
	 text-align: right;
	 vertical-align: middle;
	 border-top: 2px none; 
   border-bottom: 2px none; 
   font-size: 10px;
   padding-right: 5px;
   background-color: #F7EEDF;
}

.hide {
display:none;
}

/* left and right border color */
td.sideframe {
	width:0px;
  background-color: transparent;
	vertical-align:top;
	text-align:left;
	height:100%;
}

.expandbutton {
margin-top:50px !important;
cursor:pointer;
}

.twg_bottom {
   height: 19px;
}
/* this is the cell where the powered by Tinywebgallery is in - the color is overwritten in frameset.css !! */
td.bottomtable {
   height: 19px;
	 width: auto;
	 vertical-align: middle;
	 text-align: center;
   background-color: transparent;
   font-size: 10px;
   color:#555555;
}

td.bottomtable a:link { color:#555555; text-decoration: none; }
td.bottomtable a:visited { color:#555555; text-decoration:none; }
td.bottomtable a:hover { color:#999999; text-decoration:none; }

/* this is the cell where the help is in - the color is overwritten in frameset.css !! */
td.bottomtableside {
 height: 19px;
 vertical-align: middle;
 text-align: right;
 background-color: transparent;
 font-size: 10px;
 padding-right: 5px;
 width:30%;
 color:#555555;
}

td.bottomtableside a:link { color:#555555; text-decoration: none; }
td.bottomtableside a:visited { color:#555555; text-decoration:none; }
td.bottomtableside a:hover { color:#999999; text-decoration:none; }


/* this is the cell where the counter is in - the color is overwritten in frameset.css !! */
td.bottomtablesideleft {
 height: 19px;
 vertical-align: middle;
 text-align: left;
 background-color: transparent;
 font-size: 10px;
 padding-left: 5px;
 width:30%;
 color:#555555;
 cursor: pointer;
}
#gallery_side {
	
	background: #006;
	margin: 0 1.5em 0 0;
	padding: 0px; width: 120px;
	float: left;
	text-align: left;
	overflow: hidden;
}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.nodeSel {
}

.dtree .clip {
	overflow: hidden;
}

.dtree div.dTreeNode {
  padding-left:10px;
}

.dtree div.dTreeNodehover {
 padding-left:10px;
  color: #666;
	background-color:#f3f3f3;
	background-image:url('dtree/img/border.gif');
	background-repeat: repeat-x;	
}

.dtree a:hover { color:#111111; text-decoration:none; }

.dtree div.dTreeNodenodeSel {
	color: #111;
	padding-top:2px;
	font-weight:bold;
	background-color:#eeeeee;
	background-image:url('dtree/img/bordersel.gif');
	background-repeat: repeat-x;
	padding-bottom:1px;
	padding-left:10px;
}

.dtree_header {
  padding-left:15px;
}