/* jQuery lightBox plugin - Gallery style */
#flowpanes > div.items > div > div.gallery {
height:100px;
background-color:#695e4a;
/* min-width:330px; */

margin: 0 auto;

	/* custom decorations */
	border:1px solid #ccc;
	
}

/* single scrollable item */
img.galleryImg { border:solid 1px #695E4A; }

div.gallery a img {
	float:left;
	margin:10px 5px 10px 11px;
	background-color:#fff;
	padding:2px;
	border:solid 1px #695E4A;
	cursor:pointer;
	width:72px;
	height:72px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div.gallery ul { 
    list-style: none; 
    padding:0px;
}
div.gallery ul li { 
    display: inline; 
    padding-right:10px;
}
div.gallery ul img {
	border: 5px solid #8E8166; /* #3e3e3e; */
	border-width: 5px 5px 20px;
}
div.gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
div.gallery ul a:hover { color: #fff; }

#toc {
    float:left;
    width:165px;
	height: 450px;
    position:relative;
    padding:0px 5px 0px 20px;
	border-right: solid 2px #695E4A;
}
#contentPanes {
    float:right;
    width:493px;
    position:relative;
}
.fl { float:left; }
.fr { float:right; }

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width: 100%; /* 760px; */
	height:385px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* a- tag inside single tab */
#flowtabs li a {
	padding:0px;
	margin:0px;
	
	/* font decoration */
	font-size:12px;
    color:#695E4A;
	text-decoration:none;
}

#flowtabs li a:hover {
	text-decoration:underline;
}

#flowtabs ol li {
    vertical-align:top;
}

/* panes */
#flowpanes {
	/* background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;		*/
	/*
	width:760px;
	width:400px;
	*/
	width:450px;
	height:800px;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#000;
	/*
	margin:20px 40px;
	margin:20px 50px 20px 40px;
	*/
	margin:0px 20px 20px 20px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2, #flowpanes div h3 {
	font-weight:normal;
	/* color:#ddd; */
	letter-spacing:1px;
	margin:10px 0 0 0;
}

#flowpanes div h2 {
	font-size:22px;	
}

#flowpanes div h3 {
	font-size:18px;	
}

#flowpanes a.flow  {
	color: #000; /* #cc9; */
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color: #000; /* #ccc; */
}

#flowpanes div.narrow {
	padding-right:160px;		
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	/*
	clear:both;
	*/
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	/*
	width:670px;
	width:352px;
	*/
	width:402px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}