body
{
    color:Gray;
    background-color:White;
    font-family: Verdana;
    font-size: x-small;
    text-align: center;
}

.bordered
{
	border:solid 1px Gray;
}
.lefts
{
	text-align:left;
}
.rights
{
	text-align: right;
}
.centers
{
	text-align: center;
}
.margin10
{
	margin: 10px 10px 10px 10px;
}
.padding5
{
	padding: 5px 5px 5px 5px;
}
/*==============================================*/
hr.hline
{
    border:none;
    height:1px;
    border-top:solid 1px Gray;
}
img{border:none;}
img.node{ margin:0px 0px 0px 0px; vertical-align: text-top; cursor:pointer;}

a{font-family: Verdana;color: blue;font-size: 11px;text-decoration:underline;}
a.h{font-family: Verdana;color: blue;font-size: 13px;text-decoration:underline;}
a.link{
	font-size: 10px;
	font-family:Verdana;
	font-weight:bold;
	color:Black;
	text-decoration:none;
}
a.link:hover{
	font-size: 10px;
	font-family:Verdana;
	font-weight:bold;
	color:Blue;
	text-decoration:underline;
}
a.link:visited{
	font-size: 10px;
	font-family:Verdana;
	font-weight:bold;
	color:Gray;
	text-decoration:none;
}
a.link:visited:hover{
	color:Blue;
}
/*
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
*/
td.ftitle
{
	width:150px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	vertical-align:top;
}
td.fdesc
{
	width:250px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
div.code
{
	border:solid 1px gray;
}
code{
    color:#007B32;
    background-color:White;
    font-family: Courier;
    font-size: small;
}
code.red{
    color:red;
}
table
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    border:none 0px White;
}
td
{
    font-size: 11px;
    color:Gray;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
table.node
{
    padding:3px 3px 3px 3px;
    margin:0px 0px 0px 0px;
    width:100%;
    border:solid 1px black;
}
td.nname
{
    font-size: 12px;
    color: #007B32;
    font-weight:bold;
    padding:0px 0px 5px 0px;
}
td.prop
{
    font-size: 10px;
    color:blue;
    font-weight:bold;
}
td.val
{
    font-size: 10px;
    color:black;
}
td.txt
{
    font-size: 10px;
    color:gray;
    padding: 5px 0px 0px 0px;
}
.ul
{
    text-decoration:underline;
}
.bold
{
 font-weight:bold;
}
.h2
{
	font-size: 14px;
	font-family:Verdana;
	font-weight:bold;
	color:Gray;
}
.h3
{
	font-size: 12px;
	font-family:Verdana;
	font-weight:bold;
	color:Gray;
}
.hide
{
	display:none;
}
/*==============================================*/

/* Menu container */
div.mainmenu {
    margin-top: 0px;
    margin-left: 0px;
    float:left;
    z-index: 100;
}
/* Menu */
div.menu 
{
    font-size:medium;
    float:  left;
    text-align:left;
    background-color:Transparent;
    display: block; 
    text-decoration: none;
    border: none;
    margin: 2px 2px 2px 2px;
    width:130px;
    z-index: 101;
}
div.menu:hover,div.menu.over
{
    background-color:White;
    color:Black;
}
/* Sub Menu */
div.popup
{
    font-weight:bold;
    font-size: 14px;
    display: none;
    position:absolute;
    background-color: White; 
    text-decoration: none;
    border: solid 1px Gray;
    margin: 0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    width:180px;
    z-index: 102;
}
div.popupvis
{
    font-weight:bold;
    font-size: 14px;
    display: block;
    position:absolute;
    background-color: White; 
    text-decoration: none;
    border: solid 1px Gray;
    margin: 0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    width:180px;
    z-index: 102;
    background: url(../album/images/toolbar.png) repeat-x;
}
/* Menu over */
div.menu:hover div.popup, div.menu.over div.popup{ 
    display: block;
    float:  left;
    background-color: White;
}
/* Menu Links */
div.popup a 
{
    font-size: 10px;
    display:block;
    color:Black;
    text-decoration:none;
}
div.popup a:visited
{
    font-size: 10px;
    display:block;
    color:Black;
    text-decoration:none;
}
div.popup a:hover
{
    background-color:#F9ECF5;
    text-decoration:none;
}
/* input */
input.plainbutton
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#888888;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
   cursor:pointer;
}
input.urlbutton
{
   font-size:11px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#0000FF;
   background-color:Transparent;
   border-style:none;
   border-width:0px;
   cursor:pointer;
}
input.minibutton
{
   font-size:9px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   cursor:pointer;
}
div.centered
{
	padding:0;
	text-align:center;
	margin:0 auto;
}
div.right{ 
    display: block;
    float:  right;
    margin-top: 5px;
    margin-left: 5px;
    background-color: White;
}
leftarea{
	cursor: nw-resize;
}
midarea{
	cursor: move;
}
rightarea{
	cursor: ne-resize;
}
img.photo{
    margin-left:0px;
    margin-top:30px;
    vertical-align:top;
}
.shiftcontainer{
	position: relative;
	left: 0px; /*Number should match -left shadow depth below*/
	top: 0px; /*Number should match -top shadow depth below*/
}
.shadowcontainer{
	background: transparent url(../album/images/shadow.gif) repeat;
}
.shadowcontainer .innerdiv{
	/* Add container height here if desired */
	background-color: white;
	/* border: 1px solid gray;*/
	padding: 0px;
	position: relative;
	left: -2px; /*shadow depth*/
	top: 0px; /*shadow depth*/
}
txt{
    font-size: 10px;
    color:gray;
    padding: 5px 0px 0px 0px;
}
.p-shadow {
  /*width: 90%;*/
  float:left;
  background: url(../album/images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none;
  padding: 0;
  padding: 0 6px 6px 0;
  }

.p-shadow img {
  color: #777;
  background-color: #fff;
  padding: 4px;
  margin: -6px 6px 6px -6px;
  margin: 0;
  }
/*========== ALBUM ============*/
.albumbg
{
	background-repeat:no-repeat;
	background-image: url(../album/images/bg_grey.png);
	text-align:center;
}