/****************

 * author:gondo *

 ****************/





div#middle_content div#hold {

    margin:                 0px 0 0 5px;

    position:               relative;

    overflow:               hidden;}
	

	

div#content {

    position:           absolute;

    left:               0px;

    top:                0px;



    overflow:           auto;
/*	background:url(../../../images/scroll_back.png);  possible? */



}

div#content_in {

    position:           absolute;

    left:               0px;

    top:                0px;

    overflow:           hidden;

}



div#scrollbar_top {

    width:                  874px;

    height:                 18px;

    position:               absolute;

    left:                   33px;

    top:                    6px;

    background:             url('scroll_bg.gif') 0px 0px repeat-x;

}



div#scrollbar_top div#left_top {

    width:                  25px;

    height:                 18px;

    float:                  left;

    background:             url('scroll_left.gif') 0px -36px no-repeat;

}



div#scrollbar_top div#track_top {

    width:                  824px;

    height:                 18px;

    float:                  left;

    position:               relative;

}



div#scrollbar_top div#track_top div#drag_top {

    width:                  90px;

    height:                 18px;

    position:               absolute;

    left:                   0px;

    top:                    0px;

    background:             url('dragcontrol.png') 0px 0px no-repeat;

    cursor:                 pointer;

}



div#scrollbar_top div#right_top {

    width:                  25px;

    height:                 22px;

    float:                  left;

    background:             url('rightarrow.png') 0px -38px no-repeat;

}



div#scrollbar_bottom {

    margin:                 0px;

	float:left;

    height:                 26px;

    background:transparent url('controltrack.png') 0px 0px repeat-x;

}



div#left_bottom {

    width:                  25px;

    height:                 22px;

    float:                  left;

    background:             url('leftarrow.png') 0px -38px no-repeat;

}



div#track_bottom {

    height:                 26px;

    float:                  left;

    position:               relative;

}



div#drag_bottom {

    width:                  132px;

    height:                 22px;

    position:               absolute;

    left:                   0px;

    top:                    0px;

	margin-top:2px;

    background:             url('dragcontrol.png') 0px 0px no-repeat;

    cursor:                 pointer;

}



div#right_bottom {

    width:                  25px;

    height:                 22px;

    float:                  left;

    background:             url('rightarrow.png') 0px -38px no-repeat;

}



div#left_bottom a, div#scrollbar_top div#left_top a{

    width:                  25px;

    height:                 22px;

    float:                  left;

    background:             url('leftarrow.png') 0px -20px no-repeat;

}



div#right_bottom a, div#scrollbar_top div#right_top a{

    width:                  25px;

    height:                 22px;

    float:                  left;

    background:             url('rightarrow.png') 0px -20px no-repeat;

}



div#left_bottom a:hover, div#scrollbar_top div#left_top a:hover, div#right_bottom a:hover, div#scrollbar_top div#right_top a:hover{

    background-position:    0px 2px;

}



#leftside {

	display:block;

	background-image: url('leftside.png');

	background-repeat:no-repeat;

	float:left;

	height:27px;

	padding-left:3px;

	padding-top:1px;

	width:22px;}

	

#rightside {

	display:block;

	background-image: url('rightside.png');

	background-repeat:no-repeat;

	float:left;

	height:27px;

	padding-right:3px;

	padding-top:1px;

	width:22px;}

	

.s5_imagerot_tl {

	background:transparent;}



.s5_imagerot_tr {

	padding:0 7px;

	background:transparent;}



.s5_imagerot_tm {

	height:7px;

	background:transparent;}

	

	.s5_imagerot_mb	{

		text-align:center;

		padding-top:9px;

		background:transparent;}

		

.s5_imagerot_bl {

	background:transparent;}



.s5_imagerot_br {

	padding:0 7px;

	background:transparent;}



.s5_imagerot_bm {

	height:7px;

	background:transparent;}	



.s5_imagerot_wrap {

	float:left;padding-right:15px;}

	

	

.s5_imagerot_wrap:hover .s5_imagerot_tl {

	background:transparent url(s5tl.png) no-repeat scroll 0 0;}



.s5_imagerot_wrap:hover .s5_imagerot_tr {

	padding:0 7px;

	background:transparent url(s5tr.png) no-repeat scroll right center;}



.s5_imagerot_wrap:hover .s5_imagerot_tm {

	height:7px;

	background:transparent url(s5tm.png) repeat-x scroll 0 0;}

	

	.s5_imagerot_wrap:hover .s5_imagerot_mb	{

		text-align:center;

		padding-top:9px;

		background:transparent url(s5mainb.png) repeat scroll 0 0;}

		

.s5_imagerot_wrap:hover .s5_imagerot_bl {

	background:transparent url(s5bl.png) no-repeat scroll 0 0;}



.s5_imagerot_wrap:hover .s5_imagerot_br {

	padding:0 7px;

	background:transparent url(s5br.png) no-repeat scroll right center;}



.s5_imagerot_wrap:hover .s5_imagerot_bm {

	height:7px;

	background:transparent url(s5bm.png) repeat-x scroll 0 0;}		

	

.s5_imagerot_text {

	text-shadow:1px 1px 1px #000000;

	font-weight:bold;

	text-align:center;

	color:#ffffff;}

	

.s5_imagerot_hover {

	background:transparent;}		

	

.s5_imagerot_wrap:hover .s5_imagerot_hover {

	background:transparent url(arrowhover.png) no-repeat right center;}