.chooser-open-close
{ position:relative;}

.chooser-open-close .open
{ position:absolute; right:5%; top:25px; display:none }

.chooser-open-close .close
{ position:absolute; right:5%; top:25px; display:block }


.chooser
{}

.chooser.inner
{ overflow:hidden; margin:30px 0;}

.chooser H2
{ font-size:160%; text-transform:uppercase; font-weight:normal; margin-bottom:15px;}

.chooser H2 A
{ color:#f67e19; text-decoration:none }

.chooser H2 A.submit
{ color:#33cc00 }

.chooser H2.unchoosed A.submit
{ color:#e3e3e3; cursor:default;}

.chooser H2.unchoosed SPAN
{ display:none }

.chooser H2 A.reset
{ color:#f67e19 }


.chooser .chooser-column
{ float:left; background:#eeeeee; width:30%; margin-right:4px; padding:4px; overflow:hidden; position:relative; }

.chooser .chooser-column .frame
{ height:150px; overflow:hidden; margin-right:10px }


.chooser .chooser-column .scroll-bar
{ height:150px; width:10px; position:absolute; right:4px; }

.chooser .chooser-column .scroll-bar .arrow
{ width:10px; height:7px; margin:4px 0; overflow:hidden }

.chooser .chooser-column .scroll-bar .arrow.up
{ background-image:url(../_i/chooser_arr_up.gif) }

.chooser .chooser-column .scroll-bar .arrow.down
{ background-image:url(../_i/chooser_arr_down.gif) }

.chooser .chooser-column .scroll-bar .scroll
{ background-image:url(../_i/chooser_slider_back.gif); height:120px; width:10px; position:relative; }

.chooser .chooser-column .scroll-bar .scroll .slider
{ background-image:url(../_i/chooser_slider.gif); height:21px; width:10px; position:absolute; }





.chooser .chooser-column A
{ display:block; color:black; text-decoration:none; padding:2px; line-height:1em; margin:3px 0 }

.chooser .chooser-column A.all
{ font-style:italic; }

.chooser .chooser-column A.selected
{ background-color:white; cursor:default; }

.chooser .chooser-column A.disabled
{ color:#cccccc; cursor:default; display:none; }


/*-*/

.chooser .chooser-column#year-selector
{ width:10%}

.chooser .chooser-column#type-selector
{ width:35%}

.chooser .chooser-column#sector-selector
{ width:45%}

/*-*/

.chooser.inner .chooser-column#year-selector
{ width:10%}

.chooser.inner .chooser-column#type-selector
{ width:25%}

.chooser.inner .chooser-column#sector-selector
{ width:30%}

.chooser.inner .chooser-column#client-selector
{ width:25%}