/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height:14px; font-size: 100%; list-style: none; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=12px&cornerRadius=0px&bgColorHeader=6f49b5&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=f1f3f6&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=f1f3f6&fcContent=444444&iconColorContent=f1f3f6&bgColorDefault=6f49b5&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=6f49b5&fcDefault=ffffff&iconColorDefault=beaee0&bgColorHover=a289c7&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=a289c7&fcHover=ffffff&iconColorHover=beaee0&bgColorActive=f1f3f6&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=f1f3f6&fcActive=523893&iconColorActive=998cbf&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content {background: #f1f3f6; color: #444; }
.ui-widget-content a { color: #444; }
.ui-widget-header {background: #6f49b5; color: #222; font-weight: bold; }
.ui-widget-header a { color: #222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {background: #6f49b5; font-weight: bold; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {background: #a289c7; font-weight: bold; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {background: #f1f3f6; font-weight: bold; color: #523893; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #523893; text-decoration: none; }
.ui-widget :active { outline: none; }


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

/* states and images */
.ui-accordion .ui-state-default .ui-icon,
.ui-accordion .ui-state-hover .ui-icon,
.ui-accordion .ui-state-focus .ui-icon,
.ui-accordion .ui-state-active .ui-icon {background-image: url(/en/images/consumer/bg-icons.png); }

/* positioning */
.ui-icon-triangle-1-e { background-position: 6px -143px; }
.ui-icon-triangle-1-s { background-position: -9px -143px; }


/* Misc visuals
----------------------------------*/

/* Accordion */
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; border-top:1px solid #fff; 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 a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left:1px; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {border-top: 0; position: relative; overflow: auto; display: none; zoom: 1;}
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-icon { width: 16px; height: 16px; background-image: url(/en/images/consumer/bg-icons.png); }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 700px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; /*right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; height: 18px;*/ right:0px; top:0px; padding: 1px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover {padding:1px;}
.ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#accordion .first {border-top:0px;}

.banner-howitworks .ui-accordion .ui-accordion-content {padding: 4px 10px 6px 18px;}
.whyhow .ui-accordion .ui-accordion-content {padding: 4px 10px 13px 18px;}