/*Component containers --------------- for accordion*/
.ui-widget-accord { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget-accord input, .ui-widget-accord select, .ui-widget-accord textarea, .ui-widget-accord button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content-accord { border: 1px solid #dddddd; background: #f4f5f9 url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #202a66; }
.ui-widget-content-accord a { color: #202a66; }
.ui-widget-header-accord { border: 1px solid #e78f08; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #202A66; font-weight: bold; }
.ui-widget-header-accord a { color: #202A66; }
/*------------------------*/


/* Interaction states
for accordion----------------------------------*/
.ui-state-default-accord, .ui-widget-content-accord .ui-state-default-accord { border: 1px solid #cccccc; background: #f4f5f9 url(../images/ui-bg_glass_100_f4f5f9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #293786; outline: none; }
.ui-state-default-accord a, .ui-state-default-accord a:link, .ui-state-default-accord a:visited { color: #293786; text-decoration: none; outline: none; } 
.ui-state-hover-accord, .ui-widget-content-accord .ui-state-hover-accord, .ui-state-focus-accord, .ui-widget-content-accord .ui-state-focus-accord { border: 1px solid #F48000; background: #f4f5f9 url(../images/ui-bg_glass_100_f4f5f9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #202A66; outline: none; }
.ui-state-hover-accord a, .ui-state-hover-accord a:hover { color: #202A66; text-decoration: none; outline: none; }
.ui-state-active-accord, .ui-widget-content-accord .ui-state-active-accord { border: 1px solid #F48000; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #293786; outline: none; }
.ui-state-active-accord a, .ui-state-active-accord a:link, .ui-state-active-accord a:visited { color: #293786; outline: none; text-decoration: none; }


/* Icons
----------------------------------*/


/* states and images for accordion*/
.ui-icon-accord { width: 16px; height: 16px; #222222: url(http://kievsmi.net/templates/kp/images/ui-icons_222222_256x240.png); }
.ui-widget-content-accord .ui-icon-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_222222_256x240.png); }
.ui-widget-header-accord .ui-icon-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_rgb(57,128,244)rgb(57,128,244)_256x240.png); }
.ui-state-default-accord .ui-icon-accord { background-image: url(../images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover-accord .ui-icon-accord, .ui-state-focus-accord .ui-icon-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_293786_256x240.png); }
.ui-state-active-accord .ui-icon-accord-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_293786_256x240.png); }
.ui-state-highlight-accord .ui-icon-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_228ef1_256x240.png); }
.ui-state-error-accord .ui-icon-accord, .ui-state-error-text-accord .ui-icon-accord {background-image: url(http://kievsmi.net/templates/kp/images/ui-icons_ffd27a_256x240.png); }


/* Overlays for accordion*/
.ui-widget-overlay-accord { background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow-accord { margin: -5px 0 0 -5px; padding: 8px; background: #000000 url(http://kievsmi.net/templates/kp/images/ui-bg_flat_10_rgb(88,125,233)_40x100.png) 50% 50% repeat-x; opacity: .20; filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header img { float: left;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 12px; padding: .5em .5em .5em .5em;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 1px; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0.5em 0.5em; border-top: 1; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; height:250px;}
.ui-accordion .ui-accordion-content-active { display: block; }