/* Default styles */
html
{
	font-family: Arial;
	font-size: 12px;
}

body
{
	margin: 0px;
	padding: 0px;
}


/* Default look for all buttons, this can be used to change them into text links or image buttons, do not need to edit XSL. */
input.button
{




}

input.required
{
	background-color: #FF0000;
	color: #FFFFFF;
}

div.buttonBar
{
	margin: 4px;
	padding: 4px;
	text-align: right;
}

div.dynamicContent
{
    border:1px solid #eeeedd;
    background-color:#ffffee;
}

div.dynamicContent:hover
{
    border:1px solid #dddddd;
    background-color:#eeeeee;
}

/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li {
	opacity: .5; float: left; display: block; width: 40px; height: 72px;
	cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 450px; left: 300px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

<!--[if lt IE 8]>
 <style media="screen,projection" type="text/css">
    #jgal li { filter: alpha(opacity=50); }
    #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
 </style>
<![endif]-->

<!--[if lt IE 6]>
  <style media="screen,projection" type="text/css">#gallery { display: block; }</style>
<![endif]-->