@charset "UTF-8";
body {
	font-family: Helvetica, Geneva, sans-serif;
	font-weight:inherit;
	font-size:10px;
	color:#7f7f7f;
	line-height:14px;
	overflow:hidden;
	letter-spacing:2px;
	outline:0px;
}


div {

	
	
}

a:hover{
	color:#333333;
}

a {
	color:#7f7f7f;
	outline:0px;
}

a:link{
	color:#7f7f7f;
	outline:0px;
}

a:active{
	color:#c3c7c0;
}




.instance {
	border:1px #f3f3f3 solid;
	background-color:#FFFFFF;
	display:inline-block;
	visibility:hidden;
	width:48px;
	height:46px;
	vertical-align:middle;
	line-height:4.3em;
	margin-bottom:2px;
	margin-left:-2px;
	color:#FFFFFF;

}

.hover{
	visibility:visible;
	border:1px #cecece solid;
	width:48px;
	height:46px;

}

.select{
	visibility:visible;
	border:1px #9d9d9d dotted;
	width:48px;
	height:46px;

}

.image_doc {
	border:1px #edf0e5 solid;
	position:absolute;
	display:none;
	z-index:1;
	bottom:2px;
	background-color:#FFFFFF;
	opacity:0.4;
	filter:alpha(opacity=40);
	white-space:nowrap;
}

.image_image {
	position:absolute;
	border:0px red solid;
	overflow:hidden;
	color:#FFFFFF;
}

.image_thumbnail {
	position:absolute;
	border:0px red solid;
	color:#FFFFFF;
}


.ex_link{
	text-decoration:none;
	color:#9e9e8c;
}




#image_pane {
	z-index:3;
	display:block;
	visibility:hidden;
	color:#FFFFFF;
	position:absolute;
	border:0px red solid;
	height:auto;
	overflow:hidden;
	top:0px;
	bottom:0px;
}

#thumbnail_pane {
	
	display:block;
	visibility:visible;
	position:absolute;
	border:0px #edf0e5 solid;
	bottom:10px;
	text-align:center;
	z-index:2;
}

.thumbnail_pane_compressed {
	position:absolute;
	visibility:hidden;
	border:0px #edf0e5 solid;
	bottom:70px;
	height:0px;
	text-align:center;
	overflow:hidden;
}

#category_pane
{
	/*display:none;*/
	position:absolute;
	left:24px;
	border:0px #edf0e5 solid;
	bottom:200px;
}

.controls_pane{
	position:absolute;
	left:24px;
	border:0px #edf0e5 solid;
	bottom:100px;
}



.iframe {
	border:0px;
	overflow:hidden;
	color:#9e9e8c;
	position:absolute;
	left:24px;
	height:400px;
	top:-200px;
	font-family: Helvetica, Geneva, sans-serif;
	font-size:8px;
	
}

.branding_name{
	border:0px;
	position:absolute;
	bottom:0px;
}

.branding_logo{
	border:0px;
	position:absolute;
	bottom:0px;
	right:0px;
}


.footer {
	border-top:0px #edf0e5 dotted;
	height:70px;
	position:absolute;
	bottom:0px;
	width:98%;
	
}

#thumbs_handle{
	position:absolute;
	bottom:70px;
	
}


#thumbs_control{
	position:absolute;
	bottom:40px;
	z-index:2;
	white-space:nowrap;
}

#pane_control{
	position:absolute;
	bottom:40px;
	border:0px red solid;
	z-index:2;
	white-space:nowrap;
}




.button{
	display:inline-block;
	/*background-color:#edf0e5;*/
	padding:2px;
	font-size:10px;
	text-decoration:none;
	width:auto;
}


.light {
	color:#edf0e5;
}

.field {
	display:inline-block;
	padding:2px;
	text-decoration:none;
	width:auto;
	height:auto;
}


.small {
	font-size:10px;
	line-height:12px;
}

.med {
	font-size:14px;
	line-height:22px;
}

.large {
	font-size:16px;
	line-height:22px;
}

.s_field{
	display:none;
}