/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


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

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


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

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


/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


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

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; /* filter:Alpha(Opacity=35); */ background-image: none; }

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

/* states and images */ /*MaxDev ���� /JqueryDate/  */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/JqueryDate/ui-icons_222222_256x240.png); } /*MaxDev ���� /JqueryDate/  */

.ui-widget-content .ui-icon {background-image: url(/images/JqueryDate/ui-icons_222222_256x240.png); }  /*MaxDev*/
.ui-widget-header .ui-icon {background-image: url(/images/JqueryDate/ui-icons_ffffff_256x240.png); }  /*MaxDev*/
.ui-state-default .ui-icon { background-image: url(/images/JqueryDate/ui-icons_ef8c08_256x240.png); }  /*MaxDev*/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/JqueryDate/ui-icons_ef8c08_256x240.png); }  /*MaxDev*/
.ui-state-active .ui-icon {background-image: url(/images/JqueryDate/ui-icons_ef8c08_256x240.png); }  /*MaxDev*/
.ui-state-highlight .ui-icon {background-image: url(/images/JqueryDate/ui-icons_228ef1_256x240.png); }  /*MaxDev*/
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/JqueryDate/ui-icons_ffd27a_256x240.png); }  /*MaxDev*/

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w {background: url(/images/JqueryDate/ui-icons_222222_256x240.png);background-position:-80px -192px;} /*MaxDev*/
/*.ui-icon-circle-triangle-w { background-position: -80px -192px; }*/ /*MaxDev*/

.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


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

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*!
 * jQuery UI Resizable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.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 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: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Button 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; 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 .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Tabs 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #666; font-size: 14px; line-height: 1.4; direction: rtl; min-width: 1007px;}

body { margin: 0; } 

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }
a:active, a:hover, a:focus { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

input { line-height: normal; }
input::-moz-focus-inner { border: 0; padding: 0; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

div#divSearchResultLogo{position: absolute;bottom: 0;width: 100%;}
div.BannerImg{float:right;width: 10%;height: 90px;text-align: center;box-sizing: border-box;background-color: #ffffff;/*background-color:rgba(255,255,255,0.5)*/}
/*div.BannerImg:hover{background-color:#ffffff;}*/
div.BannerImg:hover{border-bottom:2px solid orange}
div.BannerImg a{display: block;height: 100%;width: 100%;padding-top: 10px;}
div.BannerImg a img{width:80px;height:70px;}

div.Clear{clear:both;}

/*! iCheck plugin
----------------------------------- */
.icheckbox_1, .iradio_1 { background: url(/images/homepage2015/icheck_1.png) no-repeat scroll 0 0 transparent; }

.icheckbox_2, .iradio_2 { background: url(/images/homepage2015/icheck_2.png) no-repeat scroll 0 0 transparent; }

.icheckbox_1, .icheckbox_2, .iradio_2, .icheckbox_3 { border: medium none; cursor: pointer; display: inline-block; *display: inline; height: 20px; margin: 0; padding: 0; vertical-align: middle; width: 20px; }

.icheckbox_1, .icheckbox_2 { background-position: 0 0; }
.icheckbox_1.checked, .icheckbox_2.checked { background-position: -22px 0; }
.icheckbox_1.disabled, .icheckbox_2.disabled { background-position: -44px 0; cursor: default; }
.icheckbox_1.checked.disabled, .icheckbox_2.checked.disabled { background-position: -66px 0; }

.iradio_2 { background-position: -88px 0; }
.iradio_2.checked { background-position: -110px 0; }
.iradio_2.disabled { background-position: -132px 0; cursor: default; }
.iradio_2.checked.disabled { background-position: -154px 0; }

.icheckbox_3 { background: url(/images/homepage2015/icheck_3.png) no-repeat scroll 0 0 transparent; height: 26px; width: 26px; }

.icheckbox_3 { background-position: 0 0; }
.icheckbox_3.checked { background-position: -28px 0; }
.icheckbox_3.disabled { background-position: -56px 0; cursor: default; }
.icheckbox_3.checked.disabled { background-position: -84px 0; }

/*! ==|== primary styles =====================================================
   Author: Avigdor Braun b.avigdor(at)gmail.com
   ========================================================================== */

::-moz-selection, ::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.browserupgrade { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0; }

.center { text-align: center; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

/* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; }

/* FF 19+ */
input:focus:-ms-input-placeholder { color: transparent; }

/* IE 10+ */
.errorLabel { display: none; background: #ccc; font-size: 11px; color: red; padding: 1px; line-height: 1; }
.error .errorLabel { display: inline-block; }

.error input[type=text], .error input[type=email], .error input[type=password] { border-color: red !important; }

input[type=text].error, input[type=email].error, input[type=password].error { border-color: red !important; }

/*************** guides ****************/
.guides { *zoom: 1; font-size: 14px; margin:40px auto 0 auto}
.guides:after { content: ""; display: table; clear: both; }
.guides .item { float: right; width: 33.3%; text-align: center; padding: 0 0 70px; }
.guides figure { display: block; height: auto; margin: 0; overflow: hidden; transition: all 300ms ease-out; position: relative; margin:0 0 10px 0 }
.guides figure img {width:100%; height:auto; max-width:565px;max-height:190px; display: block; transition: all 300ms ease-out; position: relative; top: 0; margin: 0 auto}
.guides figure:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.guides h4 { color: #15b2b2; font-family: fbreformaen-regular-webfont; font-size:25px; font-weight: normal; margin: 0;padding:1px 0px 8px 0px}
.guides .content .top h2 {color: #15b2b2; font-family: fbreformaen-regular-webfont; font-size: 25px; font-weight: normal; margin: 0;line-height:1;padding:6px 0px 6px 0px}

.guides .survey h2 { color: #666; font-family: fbreformaen-regular-webfont; font-size: 28px; font-weight: normal; margin: -8px 0; line-height: 1; }
.guides p { overflow: hidden; color: #666; margin: 0 auto 10px auto; width: 300px; font-size: 16px;/* line-height: 1.6;*/ min-height: 125px;height:184px}
.guides p strong {font-size:20px;font-family:fbreformaen-bold-webfont; }
.guides fieldset p {height:auto !important}
.guides a { color: #15b1b1; font-family: fbreformaen-regular-webfont; font-size: 15px; text-decoration: underline;font-weight:normal }
.guides .item a.top {text-decoration: none}
.guides a:hover { font-weight: bold; color: #15b1b1;}
.guides a.but { letter-spacing: 1px;font-family: fbreformaen-bold-webfont;background-clip: padding-box; background: #fd8a1f; border-radius: 3px; box-shadow: inset 0 -3px 0 0 #d87110; border: 0; color: #fff; font-size: 18px; vertical-align: middle; text-align: center; transition: all 300ms ease-in; transition: none; color: #fff; text-decoration: none; display: inline-block; min-width: 100px; margin: 21px 0px; padding: 0 15px; line-height: 40px; }
.guides a.but:hover { background: #d87110; box-shadow:inset 0 -3px 0 0 #fd8a1f;font-weight: normal; }
.guides a.but:focus { outline: none;box-shadow: inset 0 3px 0 0 #fff; }
.guides a.but:disabled, .guides a.but.disabled { background: #e0dedd; border-color: #a19fa0; color: #a19fa0; }
.guides a.but:disabled:hover, .guides a.but.disabled:hover { box-shadow: none; background: #e0dedd; }
.guides a.but span { vertical-align: middle; display: none; }
.guides a.but:hover span { display: inline-block; }
.guides a.butVid {letter-spacing: 1px;font-family: fbreformaen-bold-webfont; background-clip: padding-box; background: #fd8a1f; border-radius: 3px; box-shadow: inset 0 -3px 0 0 #d87110; border: 0; color: #fff; font-size: 18px; vertical-align: middle; text-align: center; transition: all 300ms ease-in; transition: none; color: #fff; text-decoration: none; display: inline-block; min-width: 100px; margin: 21px 0; padding: 0 15px; line-height: 40px; direction: ltr}
.guides a.butVid:hover { box-shadow: none; font-weight: normal;}
.guides a.butVid:focus { outline: none; box-shadow: inset 0 3px 0 0 #fff;}
.guides a.butVid:disabled, .guides a.butVid.disabled { background: #e0dedd; border-color: #a19fa0; color: #a19fa0; }
.guides a.butVid:disabled:hover, .guides a.butVid.disabled:hover { box-shadow: none; background: #e0dedd; }
.guides a.butVid span { vertical-align: middle}
/*.guides .survey h2 { color: #fd891f; font-size: 55px; text-align: right; }*/
.guides .survey fieldset { text-align: right; box-sizing: border-box; padding-right: 10%; height:200px}
.guides .survey p { width: auto; min-height: 0; }
.guides .survey label { display: block; }
.guides .item .content {height:200px}
.guides .item.survey a.show-survey-res {display: block; width: 170px; margin: 0 auto}

/************* recommendations **************/
.recommendations { height: 450px; *zoom: 1; background: #666; position: relative; }
.recommendations:after { content: ""; display: table; clear: both; }
.recommendations .carouselWrapper { width: 790px; height: 450px; position: relative; padding: 0 50px; box-sizing: border-box; }
.recommendations .carouselWrapper h2 { color: #fd891f; font-weight: normal; font-family: fbreformaen-regular-webfont; font-size: 53px; margin: 0 0 12px; line-height: 1; }
.recommendations .carouselWrapper h2 .hart { display: inline-block; }
.recommendations .carouselWrapper h2 .hart:after { content: ""; background: url(/images/homepage2015/hart.png) no-repeat 0 0; width: 43px; height: 37px; display: inline-block; position: relative; top: -25px; }
.recommendations .carouselWrapper .carousel-frame { direction: ltr; }
.recommendations .carouselWrapper .carousel { margin: 0; padding: 0; list-style: none; width: 689px; height: 450px; overflow: hidden; color: #fff; }
.recommendations .carouselWrapper li { direction: rtl; text-align: right; display: block; }
.recommendations .carouselWrapper li .inner { padding: 48px 60px 0 35px; font-size: 20px; line-height: 1.6; }
.recommendations .carouselWrapper li p { margin: 0; }
.recommendations .carouselWrapper .browse { bottom: 0; color: #b2b2b2; cursor: pointer; font-size: 50px; padding-top: 28%; position: absolute; text-align: center; top: 0; width: 55px; }
.recommendations .carouselWrapper .browse:hover { background: #858585; color: #fff; background: rgba(255, 255, 255, 0.17); }
.recommendations .carouselWrapper .browse.prev { left: 0; }
.recommendations .carouselWrapper .browse.next { right: 0; }

/*** MAP ***/
.recommendations div.map { position: absolute; height: 450px; width: 58.7%; /*overflow: hidden;*/ /*float: left;*/ left: 0; /*right: 790px; top: 0; bottom: 0;*/ /*text-align: left;*/ background-image:url(/ShowJobCountOnMap.aspx);background-position: center;z-index: 1;max-width: 1124px;}
.recommendations div.map div.inner {width:100%; height:100%; position:relative;}
.recommendations div.map div.inner div.pic{width:50px; height:50px; border:0px solid red; cursor:pointer; position:absolute}
.recommendations div.map div.inner div.pos_1 {top:31px;left:34%;}
.recommendations div.map div.inner div.pos_2 {top:140px;left:32%;}
.recommendations div.map div.inner div.pos_3 {top:193px;left:25%;}
.recommendations div.map div.inner div.pos_4 {top:274px;left:38.5%;}
.recommendations div.map div.inner div.pos_5 {top:329px;left:30%;}
.recommendations div.map div.inner div.pos_6 {top:390px;left:13%;}
/*.recommendations .map .pin { background: url("/images/homepage2015/pin.png") no-repeat scroll; box-sizing: border-box; height: 46px; padding: 8px 0 0; position: absolute; text-align: center; width: 39px; }*/
/*.recommendations .map .pin.cur { background: url(/images/homepage2015/pinCur.png) no-repeat 0 0; }*/

@media all and (min-width:1000px) and (max-width: 1060px){.recommendations div.map div.inner div.pos_1{left:34.5% !important;} .recommendations div.map div.inner div.pos_2{left:32.5% !important;} .recommendations div.map div.inner div.pos_3{left:27% !important;}    .recommendations div.map div.inner div.pos_4{left:29% !important;}   .recommendations div.map div.inner div.pos_5{left:31.5% !important;} .recommendations div.map div.inner div.pos_6{left:15.5% !important;}}
@media all and (min-width:1060px) and (max-width: 1150px){.recommendations div.map div.inner div.pos_1{left:35.5% !important;} .recommendations div.map div.inner div.pos_2{left:34% !important;}   .recommendations div.map div.inner div.pos_3{left:28.5% !important;}  .recommendations div.map div.inner div.pos_4{left:30.5% !important;} .recommendations div.map div.inner div.pos_5{left:33% !important;}   .recommendations div.map div.inner div.pos_6{left:19% !important;}}
@media all and (min-width:1150px) and (max-width: 1250px){.recommendations div.map div.inner div.pos_1{left:36.5% !important;} .recommendations div.map div.inner div.pos_2{left:35% !important;}   .recommendations div.map div.inner div.pos_3{left:30.5% !important;}  .recommendations div.map div.inner div.pos_4{left:32% !important;}  .recommendations div.map div.inner div.pos_5{left:34.5% !important;}  .recommendations div.map div.inner div.pos_6{left:21% !important;}}
@media all and (min-width:1250px) and (max-width: 1300px){.recommendations div.map div.inner div.pos_1{left:37.5% !important;} .recommendations div.map div.inner div.pos_2{left:36% !important;}   .recommendations div.map div.inner div.pos_3{left:31% !important;}    .recommendations div.map div.inner div.pos_4{left:32% !important;}  .recommendations div.map div.inner div.pos_5{left:35% !important;}    .recommendations div.map div.inner div.pos_6{left:22% !important;}}
@media all and (min-width:1300px) and (max-width: 1400px){.recommendations div.map div.inner div.pos_1{left:38.5% !important;} .recommendations div.map div.inner div.pos_2{left:37% !important;}   .recommendations div.map div.inner div.pos_3{left:31.5% !important;}  .recommendations div.map div.inner div.pos_4{left:34% !important;}  .recommendations div.map div.inner div.pos_5{left:36% !important;}    .recommendations div.map div.inner div.pos_6{left:24% !important;}}
@media all and (min-width:1400px) and (max-width: 1500px){.recommendations div.map div.inner div.pos_1{left:39.5% !important;} .recommendations div.map div.inner div.pos_2{left:37.5% !important;} .recommendations div.map div.inner div.pos_3{left:32.5% !important;}  .recommendations div.map div.inner div.pos_4{left:35% !important;}  .recommendations div.map div.inner div.pos_5{left:37% !important;}   .recommendations div.map div.inner div.pos_6{left:26% !important;}}
@media all and (min-width:1500px) and (max-width: 1600px){.recommendations div.map div.inner div.pos_1{left:40.5% !important;} .recommendations div.map div.inner div.pos_2{left:38.5% !important;} .recommendations div.map div.inner div.pos_3{left:33.5% !important;}  .recommendations div.map div.inner div.pos_4{left:36% !important;}  .recommendations div.map div.inner div.pos_5{left:38% !important;}   .recommendations div.map div.inner div.pos_6{left:27% !important;}}
@media all and (min-width:1600px) and (max-width: 1700px){.recommendations div.map div.inner div.pos_1{left:40.5% !important;} .recommendations div.map div.inner div.pos_2{left:39.5% !important;} .recommendations div.map div.inner div.pos_3{left:34.5% !important;}  .recommendations div.map div.inner div.pos_4{left:36% !important;}  .recommendations div.map div.inner div.pos_5{left:38.5% !important;}  .recommendations div.map div.inner div.pos_6{left:29% !important;}}
@media all and (min-width:1700px) and (max-width: 1920px){.recommendations div.map div.inner div.pos_1{left:41.5% !important;} .recommendations div.map div.inner div.pos_2{left:41% !important;}   .recommendations div.map div.inner div.pos_3{left:37% !important;}    .recommendations div.map div.inner div.pos_4{left:38.5% !important;} .recommendations div.map div.inner div.pos_5{left:39% !important;}  .recommendations div.map div.inner div.pos_6{left:31% !important;}}
@media all and (min-width:1920px) and (max-width: 3860px){.recommendations div.map div.inner div.pos_1{left:42% !important;} .recommendations div.map div.inner div.pos_2{left:41% !important;}   .recommendations div.map div.inner div.pos_3{left:37.5% !important;}    .recommendations div.map div.inner div.pos_4{left:38.5% !important;} .recommendations div.map div.inner div.pos_5{left:40% !important;}  .recommendations div.map div.inner div.pos_6{left:31.5% !important;}}
/*** MAP ***/

div#ThanksLetterContainer{width:41.3%; height:450px;background-color:#666;position: absolute;right: 0px;}
div#ThanksLetterContent{position: absolute;height: 450px;width: 80%;right: 10%;left: 10%;padding: 48px;box-sizing: border-box;font-size:20px;color: #ffffff;}
div#ThanksLetterTitle{font-weight:bold;padding: 15px 0px 5px 0px;}
div#ThanksLetterSubTitle{font-weight:bold;padding: 15px 0px 5px 0px;}
div#PrevLetter{background-color:#666;position: absolute;height: 450px;width: 85px;right:0px;cursor:pointer;background-image:url(/images/homepage2015/ArrowRightGrey.png);background-repeat: no-repeat;background-position: center;}
    div#PrevLetter:hover{background-color:#858585;background-image:url(/images/homepage2015/ArrowRightWhite.png);}
div#NextLetter{background-color:#666;position: absolute;height: 450px;width: 85px;right: -85px;cursor:pointer;background-image:url(/images/homepage2015/ArrowLeftGrey.png);background-repeat: no-repeat;background-position: center;}
    div#NextLetter:hover{background-color:#858585;background-image:url(/images/homepage2015/ArrowLeftWhite.png);}
span#IconHeart{width: 43px;height: 37px;display: inline-block;position: absolute;top: 80px;background: url(/images/homepage2015/IconHeart.png);}

/************** tools ****************/
.tools { *zoom: 1; width: 980px; margin: auto; }
.tools:after { content: ""; display: table; clear: both; }
.tools .item { box-sizing: border-box; float: right; font-size: 15px; height: 250px; overflow: hidden; width: 33%; background-repeat:no-repeat;background-position: 275px 38px; }
.tools .item:hover { background-color: #15b2b2 !important; }
.tools h4, .tools h2 { color: #fd891f; font-family: fbreformaen-regular-webfont; font-size: 24px; margin: 0; font-weight: normal; }
.tools span[class^="icon-"] { color: #666; font-size: 45px; line-height: 1; position: absolute; right: 15px; top: 43px; }
.tools p { color: #666; margin: 5px 0 0; }
.tools a { text-decoration: none; display: block; padding: 45px 70px 0 25px; position: relative; box-sizing: border-box; min-height: 250px; }
/*.tools a:hover { background-color: #15b2b2; }*/
.tools a:hover * { color: #fff; }
div#Interview{background-image:url(/images/homepage2015/IconInterview.png);}
div#Interview:hover{background-image:url(/images/homepage2015/IconInterview_Hover.png);}
div#UpgradeCV{background-image:url(/images/homepage2015/IconUpgradeCV.png);}
div#UpgradeCV:hover{background-image:url(/images/homepage2015/IconUpgradeCV_Hover.png);}
div#PersonalMentoring{background-image:url(/images/homepage2015/IconPersonalMentoring.png);}
div#PersonalMentoring:hover{background-image:url(/images/homepage2015/IconPersonalMentoring_Hover.png);}
div#SalaryTable{background-image:url(/user/salarycompound/image/iconsalarytable.svg);}
div#SalaryTable:hover{background-image:url(/user/salarycompound/image/iconsalarytablehover.svg);}
.SalarySurveyTitle{background: url(/user/salarycompound/image/bar_new-o.svg) center right;background-repeat: no-repeat;background-size: contain;width: 169px;padding: 15px 0px 15px 0px;margin-right: -6px;}
div#SalaryTable:hover .SalarySurveyTitle{background: url(/user/salarycompound/image/bar_new-ow.svg)center right;background-repeat: no-repeat;background-size: contain;width: 169px;padding: 15px 0px 15px 0px;margin-right: -6px;}
div#CvWizard{background-image:url(/images/homepage2015/IconCvWizard_new.png);}
div#CvWizard:hover{background-image:url(/images/homepage2015/IconCvWizard_Hover_new.png);}
div#DirectingEmployment{background-image:url(/images/homepage2015/IconDirectingEmployment.png);}
div#DirectingEmployment:hover{background-image:url(/images/homepage2015/IconDirectingEmployment_Hover.png);}
div#CareerCenter {background-image: url(/images/homepage2015/CarrerCenterIcon.png); background-position-y:46px}
div#CareerCenter:hover{background-image:url(/images/homepage2015/CarrerCenterIcon.png); background-position-y:46px}
div#CareerCenter span.NewHeaderTag {width:64px; height:64px; background-image:url(/images/homepage2015/tools/NewHeaderTag.png); background-repeat:no-repeat; margin:0;padding:0;position:absolute;top:0;left:0;display:block}
div#CareerCenter:hover span.NewHeaderTag {background-image:url(/images/homepage2015/tools/NewHeaderTag_hover.png);}
div#SalaryTable span.SalarySurveyTag{width: 58px;height: 62px;background-image: url(/User/SalaryCompound/image/bar_new-tor.png);background-repeat: no-repeat;margin: 0;padding: 0;position: absolute;top: -10px;left: 0;display: block;background-size: contain;}
div#SalaryTable:hover span.SalarySurveyTag{ background-image: url(/User/SalaryCompound/image/bar_new-tor_w.png)}

/*************** hpMain ***********/
.hpMain { height: 550px; overflow: hidden; background-color:#15b2b2}
.hpMain .info { background: #464646; float: right; width: 26%; position: relative; }
.hpMain .infoArrow { width: 0; height: 0; border-style: solid; border-width: 10.5px 10.5px 10.5px 0; border-color: transparent #464646 transparent transparent; position: absolute; right: 0px; top: 49%; z-index:200}
.hpMain .info .inner { background: url(/images/homepage2015/Data_image.png) no-repeat 100% 0; width: 260px; margin: auto; height: 550px; box-sizing: border-box; }
.hpMain .info .inner div { font-family: fbreformaen-regular-webfont; font-size: 22px; margin-right: 130px; line-height: 1;}
.hpMain .info h4 { font-family: Arial; font-size: 39px; margin: 0; }
.hpMain .info .item-paying-1 { color: #FE8B1F;padding-top: 50px; }
.hpMain .info .item-paying-2 { color: #15B2B2;padding-top: 90px; }
.hpMain .info .item-paying-3 { color: #FF6672;padding-top: 75px; }

.hpMain .info .item-login-1 { color: #FDB913;padding-top: 40px; }
.hpMain .info .item-login-2 { color: #FE8B1F;padding-top: 10px; }
.hpMain .info .item-login-3 { color: #15B2B2;padding-top: 0px; }

.hpMain .info .item-offline-1 { color: #01B0E7;padding-top: 25px; }
.hpMain .info .item-offline-2 { color: #FE8B1F;padding-top: 60px; }
.hpMain .info .item-offline-3 { color: #FFFFFF;padding-top: 60px; }
.hpMain .info .item-offline-4 { color: #8DC63F;padding-top: 50px; }
.hpMain div#CenterBoxContainer {height:auto; float:right; width:42%; margin:0 auto; padding:0; position:relative; background:#fff;}
.hpMain div#CenterBoxContainer div.loder {position:absolute; right:50%; top:50%; width:48px; height:48px; margin:-24px -24px 0 0; display:none; z-index:100}
.hpMain .enterUser, .hpMain .registerNewUser { background: #15b2b2; float: right; width: 100%; height: 550px; }
.hpMain .enterUser .inner, .hpMain .registerNewUser .inner { width: 375px; margin: auto; color: #fff; font-size: 14px; box-sizing: border-box; padding: 76px 0 0; }
.hpMain .enterUser h3, .hpMain .registerNewUser h3, .hpMain .registerNewUser h2 { color: #fff; font-family: fbreformaen-regular-webfont; font-weight: normal; margin: 0 0 26px; font-size: 39px; line-height: 1; }
.hpMain .enterUser p, .hpMain .registerNewUser p { margin: 10px 0 18px; }
.hpMain .enterUser p label, .hpMain .registerNewUser p label { position: relative; display: inline-block; }
.hpMain .enterUser p label:first-child input[type=text], .hpMain .registerNewUser p label:first-child input[type=text] { margin-left: 7px; }
.hpMain .enterUser p input[type=text], .hpMain .enterUser p input[type=password], .hpMain .registerNewUser p input[type=text], .hpMain .registerNewUser p input[type=password] { background-color: #fff; border: 2px solid #fff; border-radius: 4px; color: #000; font-size: 22px; height: 41px; line-height: 40px; padding-right: 16px; width: 200px; }
.hpMain .enterUser p input[type=text]:focus, .hpMain .enterUser p input[type=password]:focus, .hpMain .registerNewUser p input[type=text]:focus, .hpMain .registerNewUser p input[type=password]:focus { border-color: #555; }
.hpMain .enterUser p .errorLabel, .hpMain .registerNewUser p .errorLabel { bottom: -16px; position: absolute; right: 0; width: 218px; }
.hpMain .enterUser p.checkbox label, .hpMain .registerNewUser p.checkbox label { margin-right: 15px; }
.hpMain .enterUser a, .hpMain .registerNewUser a { color: #fff; }
.hpMain .enterUser button, .hpMain .registerNewUser button { background-clip: padding-box; background: #fd8a1f; border-radius: 2px; box-shadow: inset 0 -3px 0 0 #d87110; border: 0; color: #fff; font-size: 25px; vertical-align: middle; text-align: center; transition: all 300ms ease-in; color: #fff; font-family: fbreformaen-regular-webfont; width: 100%; max-width:310px; height: 56px; box-shadow: inset 0 -4px 0 0 #d87110; }
.hpMain .enterUser button:hover, .hpMain .registerNewUser button:hover { box-shadow: none; }
.hpMain .enterUser button:focus, .hpMain .registerNewUser button:focus { outline: none; }
.hpMain .enterUser button:disabled, .hpMain .enterUser button.disabled, .hpMain .registerNewUser button:disabled, .hpMain .registerNewUser button.disabled { background: #e0dedd; border-color: #a19fa0; color: #a19fa0; }
.hpMain .enterUser button:disabled:hover, .hpMain .enterUser button.disabled:hover, .hpMain .registerNewUser button:disabled:hover, .hpMain .registerNewUser button.disabled:hover { box-shadow: none; background: #e0dedd; }
.hpMain .enterUser button span, .hpMain .registerNewUser button span { vertical-align: middle; display: none; }
.hpMain .enterUser button:hover, .hpMain .registerNewUser button:hover { font-weight: normal; box-shadow: inset 0 0 0 0 #d87110; }
.hpMain .enterUser button:hover span, .hpMain .registerNewUser button:hover span { display: inline-block; }
.hpMain .enterUser button:focus, .hpMain .registerNewUser button:focus { box-shadow: 0; }
.hpMain .enterUser { text-align: center; }
.hpMain .enterUser h3 { text-align: right; }
.hpMain .enterUser p { margin-bottom: 30px; }
.hpMain .enterUser p label { display: block; }
.hpMain .enterUser p input[type=text], .hpMain .enterUser p input[type=password] { width: 95% !important; margin: 0 !important; }
.hpMain .enterUser p .errorLabel { bottom: -16px; position: absolute; right: 0; width: 100%; box-sizing: border-box; text-align: right; }

/************** logos *****************/
.logos { *zoom: 1; min-width: 980px; margin: auto; }
.logos:after { content: ""; display: table; clear: both; }
.logos a { float: right; width: 10%; height: 135px; box-sizing: border-box; padding-top: 30px; text-align: center; }
.logos a:hover { background: #ccc; }
.logos img { max-width: 100%; height: auto; }

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

/*******************Register Box*********************/
div.registerNewUser {}
    div.registerNewUser div.inner {width:90% !important; margin:0 auto !important; padding: 27px 0 0 !important;}
    div.registerNewUser div.header {width:100%; height:auto; margin:0 auto;text-align:center}
    div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-family:fbreformaen-regular-webfont; font-size:44px; text-align:center; margin}    
    div.registerNewUser div.field {width:100%; height:auto; margin:0; padding:0; position:relative}
    div.registerNewUser div.Clear {clear:both}
    div.registerNewUser div.input-container {width:100%; max-width:410px; margin:0 auto; padding:0; position:relative; }
    div.registerNewUser div.placeholder-area , div.placeholder-region {color:#999; font-family:Arial; font-size:19px; position:absolute; top:5px; right:20px; z-index:10;display:block}
    div.registerNewUser div.input-container div.placeholder {color:#999; font-size:19px; position:absolute; top:6px; right:20px; z-index:10}
    div.registerNewUser input[name=email] ,  input[name=password] , input[name=cellphone] , input[name=city]{width:95%; max-width:389px !important;height:auto !important;color:#666;padding:6px 19px 6px 0;border:1px solid #fff; outline:none; background-color:#fff; font-family:Arial; font-size:19px !important}
    div.registerNewUser input[name=area] , input[name=region] {width:95%; max-width:389px !important;height:auto !important;color:#666 !important;padding:6px 19px 6px 0;border:1px solid #fff; outline:none; background-color:#fff; cursor:pointer; font-size:19px !important;}
    div.registerNewUser input.border-bottom-orange {border-bottom:1px solid #fd8a1f !important}
    div.registerNewUser input.border-bottom-gray {border-bottom:1px solid #ccc !important}

    /*area*/
    div.registerNewUser span#open_dll_area {display: block; width: 100%; max-width:410px; height: 47px; position: absolute;top: 0;left: 0;z-index:102;background-color:#fff;opacity:0;filter: alpha(opacity=0);/*IE 8 & 9*/-moz-opacity:0.0;/*Older than Firefox 0.9*/-khtml-opacity: 0.0;/*Safari 1.x (pre WebKit!)*/}
    div.registerNewUser div.container-categories-option {max-width: 390px; width: 95.3%; height:235px; background-color:#fff; position:absolute; top:40px; right:0;z-index:101; display:none; text-align:right; padding: 0 20px 0 0}
    div.registerNewUser div.container-categories-option > div.inner {width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; max-height:198px; overflow-x:hidden; overflow-y:auto; position:absolute; top:0; right:0}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-option {width:100%;margin:0;padding:6px 25px 6px 0;font-family:Arial;font-size:15px;color:#555;position:relative;z-index:11;cursor:pointer}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-option:hover {background-color:#f2f2f2}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens {width:100%;margin:0;padding:0 30px 0 0;font-family:Arial;font-size:15px;color:#555;position:relative;z-index:11;display:none}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option {width:100%;margin:0;padding:4px 2px 4px 0;position:relative;z-index:11;cursor:pointer;display:block;}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option:hover {color:#999;font-weight:bold}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option > div.div-cb {margin:2px 0 0 0;width:13px; height:13px; background: url(/images/homepage2015/CheckBox_No.png) no-repeat;display: block;float:right}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option > div.on { background: url(/images/homepage2015/CheckBox_Vgreen.png) no-repeat !important}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option > div.div-cb-text {float:right;width:auto;margin:0;padding:0 4px 0 0;font-family:Arial;font-size:13px !important;color:#555;}
    div.registerNewUser div.container-categories-option > div.inner > div.cat-childrens > div.cat-childe-option > div.div-clear {clear:both}
    div.registerNewUser div.container-categories-option > div.save-button {width:100%; height:auto; padding:7px 0 7px 0; margin:0; background-color:#fd8a1f; box-shadow:inset 0 -3px 0 0 #d87110 ;position:absolute; left:0; bottom:0; z-index:100; text-align:center; cursor:pointer}

    /*region*/
    div.registerNewUser span#open_dll_region {display: block; width: 100%; max-width:410px; height: 47px;position: absolute;top: 0;left: 0;z-index:100;;background-color:#fff;opacity:0;filter: alpha(opacity=0);/*IE 8 & 9*/-moz-opacity:0.0;/*Older than Firefox 0.9*/-khtml-opacity: 0.0;/*Safari 1.x (pre WebKit!)*/}
    div.registerNewUser div.arow-open-dll {width:14px ;height:10px; background:url(/images/homepage2015/registerBox/ArrowGreyScroll.png) no-repeat; display:block; position:absolute; top:15px; left:10px }    
    div.registerNewUser div.container-region-option {max-width: 390px; width: 95.3%; height:206px; background-color:#fff; position:absolute; top:40px; right:0;z-index:101; display:none; text-align:right; padding: 0 20px 0 0}
    div.registerNewUser div.container-region-option > div.inner {width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; max-height:170px; overflow-x:hidden; overflow-y:auto; position:absolute; top:0; right:0}
    div.registerNewUser div.container-region-option > div.inner > div.region-option {width:100%;margin:0;padding:6px 25px 6px 0;font-family:Arial;font-size:15px;font-weight:bold;color:#000;position:relative;z-index:11;cursor:pointer}
    div.registerNewUser div.container-region-option > div.inner > div.region-option:hover > div.div-cb-text{color:#666;font-weight:bold}
    div.registerNewUser div.container-region-option > div.inner > div.region-option > div.div-cb {margin:5px 0 0 0;width:13px; height:13px; background: url(/images/homepage2015/CheckBox_No.png) no-repeat;display: block;float:right}
    div.registerNewUser div.container-region-option > div.inner > div.region-option > div.on { background: url(/images/homepage2015/CheckBox_Vgreen.png) no-repeat !important}
    div.registerNewUser div.container-region-option > div.inner > div.region-option > div.div-cb-text {float:right;width:auto;margin:0;padding:0 4px 0 0;font-family:Arial;font-size:15px !important;color:#555;font-weight:normal}
    div.registerNewUser div.container-region-option > div.inner > div.region-option > div.div-clear {clear:both}
    div.registerNewUser div.container-region-option > div.save-button {width:100%; height:auto; padding:7px 0 7px 0; margin:0; background-color:#fd8a1f; box-shadow:inset 0 -3px 0 0 #d87110 ;position:absolute; left:0; bottom:0; z-index:100; text-align:center; cursor:pointer;}

    /*city*/
    div.registerNewUser div.container-cities-option {max-width:322px !important; width:100%;max-height:165px;background-color:#fff;position:absolute;top:41px;right:0;z-index:100;display:block;}
    div.registerNewUser div.container-cities-option > div.city-option {font-family:Arial;font-size:13px;color:#000;padding:4px 18px;margin:0;text-align:right;cursor:pointer}
    div.registerNewUser div.container-cities-option > div.city-option:hover {color:#000;font-weight:bold}   
    
    /*malinglist*/
    div.registerNewUser div.malinglist-container {width:390px; margin:0 auto 0 auto; padding:0}
    div.registerNewUser div.malinglist-container div.header {width:auto; float:right; margin:0; padding:0}
    div.registerNewUser div.malinglist-container div.cb-container {float:right}
    div.registerNewUser div.malinglist-container div.cb-container div.cb {width:17px; height:16px; background-color:#fff; margin:0 10px 0 10px; float:right; cursor:pointer}
    div.registerNewUser div.malinglist-container div.cb-container div.on {background-image:url(/images/homepage2015/registerBox/mailing-list-checkbox-big.png);background-repeat:no-repeat}
    div.registerNewUser div.malinglist-container div.cb-container div.text {float:right}
    div.registerNewUser div.malinglist-container div.Clear {clear:both}

    /*user agreement*/
    div.registerNewUser div.user-agreement {font-size:14px; text-align:center}

    /*submit button*/
    div.registerNewUser button {border-radius:2 !important; margin:15px auto 0 auto; display:block;}

    /*validation message*/
    div.registerNewUser div.error-msg , div.signin-error-msg {max-width: 390px; width: 95.3%; display: block; background: transparent; font-size: 13px; color: red; padding: 5px 20px 5px 0; line-height: 1; text-align: right; margin: 0 auto 5px auto;}
    div.registerNewUser div.error-msg-on , div.signin-error-msg-on , div.signin-ok-msg  {background:#ccc !important;}
    div.registerNewUser div.signin-ok-msg {color:green}

    /*bottom link*/
    div.registerNewUser div.exists-user-link-container {width:100%; height:auto; margin:0; padding:0; text-align:center; font-size:18px}

    /* rejoin user */
    div.registerNewUser div#regoinUserHP {width:100%; height:auto; margin:0; padding:0; display:none; text-align:center}
    div.registerNewUser div#regoinUserHP div {font-family:Arial; font-size:10pt; color:#fff; direction:rtl}
@media all and (min-width:400px) and (max-width: 999px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:31px} .hpMain .enterUser .inner, .hpMain .registerNewUser .inner{font-size:14px !important} div.registerNewUser div.user-agreement {font-size:13px !important} }
@media all and (min-width:1000px) and (max-width: 1047px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:32px} .hpMain .enterUser .inner, .hpMain .registerNewUser .inner{font-size:14px !important} div.registerNewUser div.user-agreement {font-size:13px !important} }
@media all and (min-width:1048px) and (max-width: 1064px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:33px}}
@media all and (min-width:1065px) and (max-width: 1099px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:34px}}
@media all and (min-width:1100px) and (max-width: 1130px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:35px}}
@media all and (min-width:1131px) and (max-width: 1162px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:36px}}
@media all and (min-width:1163px) and (max-width: 1195px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:37px}}
@media all and (min-width:1196px) and (max-width: 1228px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:38px}}
@media all and (min-width:1229px) and (max-width: 1261px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:38px}}
@media all and (min-width:1262px) and (max-width: 1293px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:39px}}
@media all and (min-width:1294px) and (max-width: 1326px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:40px}}
@media all and (min-width:1327px) and (max-width: 1359px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:41px}}
@media all and (min-width:1360px) and (max-width: 1392px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:42px}}
@media all and (min-width:1393px) and (max-width: 1424px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:43px}}
@media all and (min-width:1425px) and (max-width: 11457px){div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:44px}}
@media all and (min-width:1458px) {div.registerNewUser div.header h3, div.registerNewUser div.header h2 {font-size:44px}}

/*******************Login Box Box*********************/
div.enterUser {}
    div.enterUser div.inner {width:90% !important}
    div.enterUser div.header {width:100%; margin:0 auto; padding:0}
    div.enterUser div.header h3 {text-align:center !important}
    div.enterUser div.input-container {width:100%; max-width:410px; margin:0 auto; padding:0; position:relative; }
    div.enterUser div.input-container div.placeholder {color:#999; font-family:Arial; font-size:20px; position:absolute; top:8px; right:20px; z-index:10;display:block}
    div.enterUser input[name=email] , input[name=password] {width:95%; max-width:389px !important;height:45px !important;color:#666;padding:0 19px 0 0;border:1px solid #fff; outline:none; font-size:19px}
    div.enterUser input.border-bottom-orange {border-bottom:1px solid #fd8a1f !important}
    div.enterUser div.MT6 {margin-top:6px}
    div.enterUser h3 {font-size:48px !important}
    div.enterUser div#regoinUserHP {line-height:16px}
    div.enterUser div.button-container {width:100%;margin:20px 0 0 0}
    div.enterUser button {border-radius:2px !important}
    div.enterUser div.error-msg , div.LogIn-error-msg {max-width:390px; width:95.3%; display:block; background:transparent; font-size:13px; color:red; padding: 5px 20px 5px 0; line-height: 1; text-align:right; margin:0 auto}
    div.enterUser div.error-msg-on , div.LogIn-error-msg-on ,  div.LogIn-ok-msg {background:#ccc !important;}
    div.enterUser div.LogIn-ok-msg {color:green}
    div.enterUser div.bottom-link-container {margin:10px 0 18px 0; font-size:18px}      

@media all and (min-width:400px) and (max-width: 1023px){div.enterUser h3 {font-size:47px !important}}

/************** vip Discount *****************/
.hpMain .vipDiscount { background: #15b2b2; float: right; width: 100%; height: 500px; }
.hpMain .vipDiscount .inner { width:90%; margin: auto; color: #fff; font-size: 18px; box-sizing: border-box; padding: 76px 0 0; }
.hpMain .vipDiscount h3 { color: #fff; font-family: fbreformaen-regular-webfont; font-weight: normal; margin: 0 0 23px; font-size: 39px; line-height: 1; }
.hpMain .vipDiscount p { margin: 10px 0 18px; }
.hpMain .vipDiscount p label { position: relative; display: inline-block; }
.hpMain .vipDiscount p label:first-child input[type=text] { margin-left: 7px; }
.hpMain .vipDiscount { font-family: fbreformaen-regular-webfont; text-align: center; }
.hpMain .vipDiscount .inner { padding-top: 20px; }
.hpMain .vipDiscount div.header { margin: 0 0 10px; font-family: reformamediumwebfont; font-weight: normal; font-size: 90px; line-height: 0.9; }
.hpMain .vipDiscount div.header small { font-size: 70%; }
.hpMain .vipDiscount div.header b { font-weight: bold; font-size: 70%; }
.hpMain .vipDiscount .outer div { background: url(/images/homepage2015/vipDiscount.png) no-repeat center center; line-height: 1; width: 41%; height: 103px; display: inline-block; margin: 0 4% 8%; box-sizing: border-box; cursor:pointer}
.hpMain .vipDiscount .outer h4 { font-family: reformamediumwebfont; font-size: 31px; font-weight: normal; line-height: 1; margin: 2px 0 8px; }
.hpMain .vipDiscount button { background-clip: padding-box; background: #fd8a1f; border-radius: 3px; box-shadow: inset 0 -3px 0 0 #d87110; border: 0; color: #fff; font-size: 22px; vertical-align: middle; text-align: center; transition: all 300ms ease-in; color: #fff; font-family: fbreformaen-regular-webfont; font-size: 34px; width: 310px; height: 81px; border-radius: 5px; box-shadow: inset 0 -7px 0 0 #d87110; }
.hpMain .vipDiscount button:disabled:hover , .hpMain .vipDiscount button.disabled:hover {box-shadow: none; background: #e0dedd;}
.hpMain .vipDiscount button:hover { box-shadow: none; }
.hpMain .vipDiscount button:focus { outline: none; }
.hpMain .vipDiscount button:disabled, .hpMain .vipDiscount button.disabled  { background: #e0dedd; border-color: #a19fa0; color: #a19fa0; }
.hpMain .vipDiscount button span { vertical-align: middle; display: none; }
.hpMain .vipDiscount button:hover { font-weight: normal; box-shadow: inset 0 -7px 0 0 #d87110; }
.hpMain .vipDiscount button:hover span { display: inline-block; }
.hpMain .vipDiscount button:focus { box-shadow: 0; }
.hpMain .vipDiscount p input[type=password]:focus { border-color: #555; }
.hpMain .vipDiscount p .errorLabel { bottom: -16px; position: absolute; right: 0; width: 218px; }
.hpMain .vipDiscount p.checkbox label { margin-right: 15px; }
.hpMain .vipDiscount a { color: #fff; }
.hpMain .vipDiscount .header img {display:inline-block;margin:0 12px 9px 0;width:20%;max-width:97px;}

@media all and (min-width:320px) and (max-width: 1021px){.hpMain .vipDiscount div.header {font-size:68px}}
@media all and (min-width:1021px) and (max-width: 1032px){.hpMain .vipDiscount div.header {font-size:70px}}
@media all and (min-width:1033px) and (max-width: 1067px){.hpMain .vipDiscount div.header {font-size:71px}}
@media all and (min-width:1068px) and (max-width: 1100px){.hpMain .vipDiscount div.header {font-size:72px}}
@media all and (min-width:1101px) and (max-width: 1161px){.hpMain .vipDiscount div.header {font-size:73px}}
@media all and (min-width:1161px) and (max-width: 1204px){.hpMain .vipDiscount div.header {font-size:74px}}
@media all and (min-width:1205px) and (max-width: 1255px){.hpMain .vipDiscount div.header {font-size:75px}}
@media all and (min-width:1256px) and (max-width: 1306px){.hpMain .vipDiscount div.header {font-size:76px}}
@media all and (min-width:1306px) and (max-width: 1356px){.hpMain .vipDiscount div.header {font-size:77px}}

/*******************VIP*********************/
.hpMain .vip { background: #15b2b2; float: right; width: 100%; height: 500px; font-family: fbreformaen-regular-webfont; text-align: center;}
.hpMain .vip .inner { width: 460px; margin: auto; color: #fff; font-size: 18px; box-sizing: border-box; padding: 76px 0 0; max-width: 94%; width: auto; padding: 60px 0 0;}
.hpMain .vip h3 { color: #fff; font-family: fbreformaen-regular-webfont; font-weight: normal; margin: 0 0 23px; font-size: 39px; line-height: 1; }
.hpMain .vip p { margin: 10px 0 18px; }
.hpMain .vip p label { position: relative; display: inline-block; }
.hpMain .vip p label:first-child input[type=text] { margin-left: 7px; }
.hpMain .vip p input[type=text], .hpMain .vip p input[type=password] { background-color: #fff; border: 2px solid #fff; border-radius: 4px; color: #000; font-size: 22px; height: 41px; line-height: 40px; padding-right: 16px; width: 200px; }
.hpMain .vip p input[type=text]:focus, .hpMain .vip p input[type=password]:focus { border-color: #555; }
.hpMain .vip p .errorLabel { bottom: -16px; position: absolute; right: 0; width: 218px; }
.hpMain .vip p.checkbox label { margin-right: 15px; }
.hpMain .vip a { color: #fff; }
.hpMain .vip button { background-clip: padding-box; background: #fd8a1f; border-radius: 3px; box-shadow: inset 0 -3px 0 0 #d87110; border: 0; color: #fff; font-size: 22px; vertical-align: middle; text-align: center; transition: all 300ms ease-in; color: #fff; font-family: fbreformaen-regular-webfont; font-size: 34px; width: 310px; height: 81px; border-radius: 5px; box-shadow: inset 0 -7px 0 0 #d87110; ont-family: fbreformaen-bold-webfont; }
.hpMain .vip button::before {content:"הצטרף"}
.hpMain .vip button::after {content:"עכשיו"}
.hpMain .vip button:hover { box-shadow: none; font-weight: normal; box-shadow: inset 0 -7px 0 0 #d87110;}
.hpMain .vip button:hover::before { content:"חבילת"}
.hpMain .vip button:hover::after {content:""}
.hpMain .vip button:focus { outline: none; box-shadow: 0;}
.hpMain .vip button:disabled, .hpMain .vip button.disabled { background: #e0dedd; border-color: #a19fa0; color: #a19fa0; }
.hpMain .vip button:disabled:hover, .hpMain .vip button.disabled:hover { box-shadow: none; background: #e0dedd; }
.hpMain .vip button span { vertical-align: middle; display: none; width:52px; height:47px}
.hpMain .vip button:hover span { display: inline-block;width:139px; height:30px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAeCAMAAAArbB09AAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA4vY8D7Qkh1sU/Vcoe4AHXxoLixb46TgvH965nmtGMyvtwppxZQTYzL2WkIPxycbQo1FBrah2TCGXXwoAAAO1SURBVFjDzZbZmqIwEEZLtJFNQFAQFRXbrV3ate16/yebbCSgA87FzNdzLoQEgWPyVyJUYzbDDj06xrgHlbSc7/0Y/jbeNPZkwzk2LMQ2uOsDogVw9b+vzbg5sW0oEmtI+IBK3pChJeS8jYym6Gs1UJCNfA9K2Ig75TKKENGAxYkcjgAjFGhQJAnphUW1i64h46vOhbAePP6EqNg+I/rkMGUurcFyiIhvsQkPjBGXUM0eOZN6F9SmxSlCQrGjzV1M5kKYkOvSXuHS4asmEG9cr+pdcFiYJh81OpSKkL+kZ+Gctaf0OaBQyjbUYCNn8cIFU5BEw5h0BE8uplbvsq93kVE7dF+4zOUdMwwhKk19+8FlgIgxPOG+cnH6yBi/cMnkHe84o4/d/M7lg9sql0F7vnn3pcsVPP/rw9VF8NLPbBMuZ2qAxcCE9S59eQMt1i7pSSpdnDzbzkik7SJcfP4Wi9V23MCNLPRSfD/rXYYgmOCefJJv7x5CqVx0UUdXC9utlfNFmt+k2SHH6NwZ95F9v2shUVyditNpIHetd5Gr90kT8dRWzy4j5cIGbytmFfsBc7mxy0Nys0eHiVVlqfznyKh1sXJ5HTPb940F6bu8cPmSq8wBscNcfJltA7aILhBjtwWKgVXtkl96V8Ugmde5kEBmeBCr0pZEgLiI4hMznNIFfwoP7KpdGhE73ORSl2HYodxIr1OTFwcSFTKbnSqXLZ09b4OE0eRhN4+qXcY0cKkKl6zlg0pvyF16/ZLLDFELRN6li1z1QhLbm0qiYlntErcXEw8kRzTkMoNaed3tWgUXHUwLMZYup6JLKJIzYVF1yzLHShcokeBhladMpXfHXZI8QjpffRpy6biQwDGXNN/orWA1SajN8OkdU+vPXMYqxLBGXJdc9IKL1WWpaMg50Vns73xJ08iJh5/sPMMIyrz/kcu1uEemmLfO3IUEZJO7HAJgk3QT725zo1PAhoXV25Bnf/30Z8/MXrokPhXOXMOkreZijYSz33U69Htp06Yr9/ZC5tAR902Q2BnNpYXn/PdGrn/PeHOMmr3yOrIcFelLlz1panz9JmiI/T5t3ce82yIdGvkI2ACdgBLzHEYGn8pIY831Ny9Jvisfp/DI6vTKped0e2avm8wCNg86aZGmY3Z12q07Or2c6DR9qlAdY5/m+3Dg9Zqpe0nkA6+L7X0G/5Yr3Qv/Ewy69f00ZktsNzb8ONvonoDnkkr+cQIN0Rpq+AY/T4tXaRv+B/TzerNz4J/zC1/RECdRuECPAAAAAElFTkSuQmCC")}
.hpMain .vip h2 { margin: 0 0 1em; font-family: reformamediumwebfont; font-weight: normal; font-size: 50px; line-height: 0.9; }
.hpMain .vip h2 b { font-weight: bold; font-size: 70%; }
.hpMain .vip h4 { font-family: fbreformaen-regular-webfont; font-size: 35px; font-weight: normal; line-height: 1; margin: 2px 0 8px; }
.hpMain .vip h4 b { font-weight: normal; font-size: 70%; }
.hpMain .vip .inner h2 b span.big-vip-icon {content: ""; width:70px; height:33px; margin-right:5px; margin-left:-7px; background-image: url("/images/VIP/vipReg.png"); background-repeat:no-repeat; display:inline-block;}
.hpMain .vip .inner h4 span.medium-vip-icon {content: ""; width:44px; height:21px; margin-right:6px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAVCAMAAAAKL/xWAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMA4g+0PIf7AfLt6p9rNS8G9t7ZyMO5m4xyYldEJhwKz62qkRMFq3e8LgAAAK9JREFUKM+Vz9kOgyAQheGjrVD3favVrrz/K1ZhjBcGCP+FZiZfIOAiZMUMIBCyK+18T1BhO+ZYexRqfuswVWU4hJjMWNw2vdCq+pmxKBcAdxoGCxYJ1lq6Z7bgRr6RqSG24BBbPR3dmzGTeN/WZlxCRm9kZhwrzBuajTiFKmN23GHvo8deJH+vHHt+pMfx+okSjqNRj9NgmOhYitdajHMpc8DoXPA3dMBIXDB/WvAfwCNWEv0dbxAAAAAASUVORK5CYII="); background-repeat:no-repeat; display:inline-block;}

/*******************Survey*********************/
.iradio_4 { border: medium none; cursor: pointer; display: inline-block; *display: inline; height: 20px; margin: 0; padding: 0; vertical-align: middle; width: 20px; }
.iradio_4 { background: url(/images/homepage2015/icheck_4.png) no-repeat scroll 0 0 transparent; height: 26px; width: 26px; }
.iradio_4 { background-position: 0 0; }
.iradio_4.checked { background-position: -28px 0; }
.iradio_4.disabled { background-position: -56px 0; cursor: default; }
.iradio_4.checked.disabled { background-position: -84px 0; }


.guides .survey h2 { color: #666; font-family: fbreformaen-bold-webfont; font-size: 28px; margin: -8px 0; line-height: 1;  }
.guides .survey fieldset { text-align: right; box-sizing: border-box; padding-right: 10%; }
.guides .survey p { width: auto; min-height: 0;padding-top:14px ;font-family:reformamediumwebfont ;}
.guides .survey label { display: block;font-size: 16px;font-family: fbreformaen-regular-webfont; }

a#SubHeaderHP{color: #666;text-decoration: none;font-size: 16px;font-family: fbreformaen-regular-webfont;display:block;margin-top:6px}
a#SubHeaderHP:hover{font-weight:normal;}
a#Header{color: #666;font-family: fbreformaen-bold-webfont ;text-decoration: none;font-size: 28px;line-height:1;}

a.show-survey-res {display:block}
#survey_overlay {width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;background:#000000;opacity:0.5;filter: alpha(opacity=50);z-index:1000}
#survey_loder{width:48px;height:48px;background:url(/images/ajax-loader.gif) no-repeat;display:block;position:fixed;top:50%;left:50%;margin:-24px 0 0 -24px}
#survey_blocker {width:508px;height:360px;position:fixed;top:57%;right:50%;background-color:transparent;z-index:1001;margin:-180px -254px 0 0;opacity:0;text-align:center;}
#survey_blocker > iframe#survey_iframe{border:0;display:block;margin:0 auto;position:relative;z-index:1500;}
.tooltip-Text-Bubble {border-radius: 0; border: 1px solid#CDCDCD;background-color: #15B2B2;color: #fff;}
    .tooltip-Text-Bubble .tooltipster-content { font-family: Arial, sans-serif;font-size: 14px;line-height: 16px;padding: 8px 10px;color:#fff;text-align:center}
    .tooltip-Text-Bubble .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 }
.tooltips-custom-bubble {border-radius: 0; border: 1px solid #CDCDCD !important;background: #fff;color: #5F5F5F; max-width:none !important;}
    .tooltips-custom-bubble .tooltipster-content { font-family: Arial, sans-serif;font-size: 14px;line-height: 16px;padding: 8px 10px;color:#5F5F5F;text-align:center}
    .tooltips-custom-bubble .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 }

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

/*other style*/
.LTR{direction:ltr}.H30{height:30px}.AC {text-align: center;}.BGW {background-color: White;}.Relative {position: relative;}.Absolute{position:absolute}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -9px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -9px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#lead-blocker-mask{width:100%;height:100%;position:fixed;background-color:transparent;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;z-index:1010;right:0px;top:0px}
#lead-blocker-contetnt{width:100%;height:100%;position:relative;z-index:1011;right:0px;top:0px;bottom:0px;left:0px;overflow-y:auto;display:none}
.lead-blocker-box{background-color:#fff;margin:22px auto 0 auto;width:470px;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.7);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.7);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.7);}
.lead-blocker-txtc{background-color:#E9E9E9;border:solid 1px #DEDEDE;padding:4px;width:287px;margin:auto;height:25px;font-size:16px}
.lead-blocker-txtt{float: right;padding: 5px 5px 2px 0px;width: 30%;font-size:11pt}
.lead-blocker-txtic{float: left;padding: 2px 5px 0px 5px;width: 64%;}
.lead-blocker-txti{border: none;font-family: Arial;font-size: 11pt;color: #333;height: 20px;outline: none;margin: 0px auto;background-color: #E9E9E9;width: 100%}
.lead-blocker-close{position:absolute;cursor:pointer;left:-20px;top:-20px;}
.lead-blocker-img{min-height:300px}
.lead-blocker-chkc{width:296px;margin:auto;height:25px;font-size:11pt}
.lead-blocker-chk{float:right;}
.lead-blocker-chk input[type=checkbox]{padding:0px;margin:2px 0px 0px 0px}
.lead-blocker-chktxt {float:right;padding-right:5px}
.lead-blocker-bmsg{font-size:12px;text-align:center;padding-bottom:5px}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url(/styles/fonts/OpenSans/opensanshebrew-regular-webfont.eot);
    src: url(/styles/fonts/OpenSans/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/styles/fonts/OpenSans/opensanshebrew-regular-webfont.woff) format('woff'), url(/styles/fonts/OpenSans/opensanshebrew-regular-webfont.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url(/styles/fonts/OpenSans/opensanshebrew-bold-webfont.eot);
    src: url(/styles/fonts/OpenSans/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/styles/fonts/OpenSans/opensanshebrew-bold-webfont.woff) format('woff'), url(/styles/fonts/OpenSans/opensanshebrew-bold-webfont.ttf) format('truetype');
    font-display: swap;
}

:root {
    --defaultFont: 'OpenSansHebrew';
    --boldFont: 'OpenSansBold';
}

.search-engine {
    margin-top: 242px;
}
/*.search-engine-roshHashana {
    margin-top: 307px!important;
}*/

.search-engine-robot {
    margin-top: 403px;
}
/*css resets*/
h1,h2,h3,h4,h5,h6,h7 {
    margin: 0;
    font-weight: normal;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: #363b48;
}
/*css resets*/

body {
    direction: rtl;
    text-align: right;
    font-family: var(--defaultFont);
    margin: 0;
    padding: 0;
}

.aj-header {
    position: fixed !important;
    /*transition: all 0.3s ease;*/
}

.divider {
    background: url(/Homepage2022/img/header/Line-b.svg) center no-repeat !important;
    background-size: cover ;
    width: 1px;
    height: 27px;
    margin: 0 13px;
}

#help-links {
    position: relative;
    height: 731px;
    background: transparent radial-gradient(closest-side at 42% 50%, #363B48 0%, #30323E 100%) 0% 0% no-repeat padding-box;
}

#help-links img.decorator-right {
    position: absolute;
    right: -165px;
    top: 0;
    bottom: 0;
    margin: auto;
    /*top: 195px;*/
}

#help-links img.decorator-left {
    position: absolute;
    left: 66px;
    top: 140px;
}

#help-links .links-content-container {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1252px;
    text-align: center;
    margin: 0 auto;
    height: 100%;
}

#help-links .right-section-text {
    /*position: relative;*/
    /*bottom: 50px;*/
    /*align-items: center;*/
    text-align: right;
}
    #help-links .right-section-text:focus-visible {
        outline: 4px solid black;
    }

#help-links .right-section-text h2 {
    color: #38BBBB;
    font-weight: bold;
    font-size: 66px;
}

#help-links .right-section-text div {
    margin: 16px 0 36px;
    color: #fff;
    font-size: 19px;
}

    #help-links .left-section-links {
        display: flex;
        flex-wrap: wrap;
        width: 1200px;
        height: 435px;
        margin: auto;
        justify-items: center;
        align-items: center;
        /*flex-shrink: 0;*/
    }
    
#help-links .left-section-links .referral-box .text {
    color: #363b48;
}

        #help-links .left-section-links .referral-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 270px;
            height: 192px;
            background: #fff;
            border: 2px solid #363b48;
            border-radius: 16px;
            /*flex: 1 1 261px;*/
            align-items: center;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            /*margin-right: 24px;*/
            margin: auto;
            transition: all 0.3s ease-in-out;
        }

            #help-links .left-section-links .referral-box:hover {
                box-shadow: 0 8px 50px rgb(0 0 0 / 25%);
                transform: scale(1.05);
                /* width: 286px;
                height: 213px;*/
                /* box-shadow: 0px 16px 90px #000000C7;
                transform: scale(1.05);*/
            }
            #help-links .left-section-links .referral-box:focus {
                box-shadow: 0 8px 50px rgb(0 0 0 / 25%);
                transform: scale(1.05);
                outline: 2px solid black;
            }

#help-links .left-section-links .referral-box:nth-child(1):is(:hover, :focus-visible) { color: #c25391; } /*שדרוג קורות חיים*/
#help-links .left-section-links .referral-box:nth-child(2):is(:hover, :focus-visible) { color: #38bbbb; } /*כמה אתם שווים*/
#help-links .left-section-links .referral-box:nth-child(3):is(:hover, :focus-visible) { color: #ff7b2e; } /*כתיבת קורות חיים בחינם*/
#help-links .left-section-links .referral-box:nth-child(4):is(:hover, :focus-visible) { color: #fda308; } /*מחשבוני שכר*/
#help-links .left-section-links .referral-box:nth-child(5):is(:hover, :focus-visible) { color: #15a6f9; } /*הכנה לראיון עבודה*/
#help-links .left-section-links .referral-box:nth-child(6):is(:hover, :focus-visible) { color: #58ad00; } /*ליווי אישי למציאת עבודה*/

#help-links .left-section-links .referral-box:nth-child(-n+3) { align-self: flex-start; }
#help-links .left-section-links .referral-box:nth-child(n+4)  { align-self: flex-end; }

#help-links .left-section-links .referral-box img {
    margin-bottom: 25px;
}