/* ImageBar css */

div#ImageBarContainer, body.withJs div#ImageBarContainer {
	
	padding: 0;
	background: #f0f0f8;
	position: relative;
	
}

div#pic-imagebar div#ImageBarContainer, body.withJs div#pic-imagebar div#ImageBarContainer {
	width: 920px;
	margin: 20px 0 20px 40px;
	
}

div#pic-imagebar div#ImageBarContainer div#ImageBar, body.withJs div#pic-imagebar div#ImageBarContainer div#ImageBar {
	width: 920px;
	
}

div#pic-imagebar div#ImageBarContainer div#ImageBar, div#pic-member-imagebar div#ImageBarContainer div#ImageBar{
overflow: hidden;
	height: 185px;

	
}
 body.withJs div#pic-imagebar div#ImageBarContainer div#ImageBar,  body.withJs  div#pic-member-imagebar div#ImageBarContainer div#ImageBar{
	height: 27px;
	
}


div#pic-member-imagebar div#ImageBarContainer, body.withJs div#pic-member-imagebar div#ImageBarContainer {
	margin: 20px 0 40px 0px;
	width: 640px;
}

div#pic-member-imagebar div#ImageBarContainer div#ImageBar, body.withJs div#pic-member-imagebar div#ImageBarContainer div#ImageBar {
	width: 640px;
	
}





div#ImageBarContainer div#ImageBar ul#ImageBarArea {
	font-size: 1em;
	line-height: 9px;
	list-style: none;
	margin: 0;
}

div#ImageBarContainer div#ImageBar ul#ImageBarArea li {
	float: left;
	margin: 0 0 100px 0;
}

div#ImageBarContainer div#ImageBar ul#ImageBarArea li h3 {
	color: #76C605;
	font: italic normal lighter 1.8em/ 1.5em Georgia, "Times New Roman", Serif;
	margin: 10px 0 0 10px;
}

div#ImageBarContainer div#ImageBar ul#ImageBarArea li h4,div#ImageBarContainer div#ImageBar ul#ImageBarArea li p
	{
	color: #666;
	font: italic normal lighter 1.2em/ 1.5em Georgia, "Times New Roman", Serif;
	margin: 0 0 0 15px;
}

div#ImageBarContainer div#ImageBar ul#ImageBarArea li p a {
	color: #666;
}


div#ImageBarContainer div#ImageBar ul#ImageBarArea li img {
	float: left;
	height: 114px;
	margin: 0 45px 0 0;
	border: #7d7d7d 1px solid;
}

body.withJs div#ImageBarContainer div#ImageBar {
	height: 27px;
	margin: 1px 0 0;
	overflow: hidden;
	padding: 158px 0 0;
	position: relative;
}

body.withJs div#ImageBarContainer div#ImageBar ul#ImageBarArea {
	height: 116px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

body.withJs div#ImageBarContainer div#ImageBar ul#ImageBarArea li {
	margin: 0;
}

body.withJs div#ImageBarContainer div#ImageBar ul#ImageBarArea li img{
	border: #7d7d7d 1px solid;
}

div#ImageBarContainer div#ImageBar div#ImageBarScrollbar {
	height: 3px;
	margin: 18px 0 0;
	position: relative;
	width: 100%;
}

body.withJs div#ImageBarContainer div#ImageBar div#ImageBarScrollbar {
	height: 3px;
	margin: 18px 0 0;
	position: relative;
	width: 100%;
}

body.withJs div#ImageBarContainer div#ImageBar  div#ImageBarScrollbar div
	{
	height: 3px;
	position: absolute;
	top: 0;
	width: 100%;
}

body.withJs div#ImageBarContainer div#ImageBar div#ImageBarScrollbar div#ImageBarScrollbarTrack
	{
	background: #f0f0f8 url("../images/line_dotted_h3px.gif") 0px 0px repeat-x;
}

body.withJs div#ImageBarContainer div#ImageBar div#ImageBarScrollbar div#ImageBarScrollbarSlider
	{
	background: #7d7d7d;
	cursor: pointer;
}

body.withJs div#ImageBarButtons div {
	cursor: pointer;
	height: 116px;
	position: absolute;
	width: 50px;
	top: 0px;
}

body.withJs div#ImageBarButtons div#ImageBarButtonsRight {
	background: transparent url("../images/imagebar/arrow_right_bg.png") 50% 50%
		no-repeat;
	right: 0px;
}

body.withJs div#ImageBarButtons div#ImageBarButtonsLeft {
	background: transparent url("../images/imagebar/arrow_left_bg.png") 50% 50%
		no-repeat;
	left: 0px;
}

body.withJs div#ImageBarButtons div#ImageBarButtonsRight:hover {
	background: transparent url("../images/imagebar/arrow_right_selected_bg.png") 50%
		50% no-repeat;
}

body.withJs div#ImageBarButtons div#ImageBarButtonsLeft:hover {
	background: transparent url("../images/imagebar/arrow_left_selected_bg.png") 50%
		50% no-repeat;
}


div#pic-imagebar 
{
	
	clear: both;
    width: 960px;

}

div#pic-member-imagebar
{
	
	clear: both;
    width: 640px;

}