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

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.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
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=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 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 { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .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; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .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; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .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 { color: #363636; }
.ui-state-error, .ui-widget-content .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 { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

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

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

/* 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-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-position: -80px -192px; }
.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-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-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; -webkit-border-radius: 5px; }/* Datepicker
----------------------------------*/
.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 { float:left; 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 .ui-datepicker-title select.ui-datepicker-year { float: right; }
.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%; }

/* 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 {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    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*/
}


/*---------------*/


/**
 * Portlets
 */
.portlet {
    -o-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    }
    .portlet > header {
        border: 1px solid #CCC;
        padding: 10px 20px;
        }
        .portlet > header h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            line-height: 11px;
            margin: 0;
            }
    .portlet > section {
        border: 1px solid #CCC;
        border-top-width: 0;
        padding: 20px;
        }

/**
 * Tabs
 */
.tabs > ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    }
    .tabs > ul > li {
        display: block;
        float: left;
        }
        .tabs > ul > li > a {
            border: 1px solid #CCC;
            border-left-width: 0;
            border-bottom-width: 0;
            color: #4F4F4F;
            display: block;
            font-family: 'AlternateGothic2BTRegular';
            font-size: 11px;
            line-height: 11px;
            overflow: hidden;
            padding: 10px 20px;
            text-overflow: ellipsis;
            text-shadow: 0 1px 0 #FFF;
            white-space: nowrap;
            zoom: 1;
            }
        .tabs > ul > li > a:hover {
            }
        .tabs > ul > li > a.current {
            border-bottom-width: 1px;
            border-bottom-color: #FFF;
            margin-bottom: -1px;
            }

.tabs > section {
    border: 1px solid #CCC;
    border-top-width: 0;
    padding: 20px;
    }
    .tabs > section > section {
        }
    .tabs > section > section h2 {
        margin-top: 0;
        }

.tabs.side {
    position: relative;
    }
    .tabs.side > ul {
        display: block;
        float: left;
        position: relative;
        width: 200px;
        z-index: 1;
        }
        .tabs.side > ul > li {
            display: block;
            float: left;
            position: relative;
            width: 200px;
            }
            .tabs.side > ul > li > a.current {
                border-width: 0;
                border-top-width: 1px;
                border-right-width: 0;
                margin-bottom: 0;
                z-index: 1;
                }
    .tabs.side > section {
        border-top-width: 1px;
        margin-left: 200px;
        min-height: 200px;
        position: relative;
        z-index: 0;
        }

/**
 * Accordion
 */
.accordion {
    border-top: 1px solid #CCC;
    }
    .accordion > header {
        border: 1px solid #CCC;
        border-top-width: 0;
        }
    .accordion > header:hover {
        cursor: pointer;
        }
        .accordion > header h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            line-height: 11px;
            margin: 0;
            padding: 10px 20px;
            }
    .accordion > section {
        border: 1px solid #CCC;
        border-top-width: 0;
        display: none;
        padding: 20px;
        }

/**
 * form elements
 */
input, select, textarea, button, .button, .pagination li a, .toolbar li a {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    /* useful if you don't want a bg color from leaking outside the border: */        
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    }

textarea {
    overflow-y: auto;
    }

/**
 * Inputs
 */
input.date,
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=date],
input[type=time],
textarea,
.uploader span.filename {
    border: 1px solid #AAA;
    border-radius: 2px;
    -o-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.2);
    -ms-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0px rgba(255,255,255,0.2);
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 14px;
    padding: 4px;
    }

/**
 * Buttons
 */
input[type=button],
input[type=submit],
input[type=reset],
button,
.button,
.pagination li a,
.toolbar li a,
.selector,
.uploader span.action,
.checker,
.radio,
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border: 1px solid #AAA;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 10px;
}

button,
.button{
	color: #F1F1F1;
  	background-image: -moz-linear-gradient(center top , #87B535, #66952E);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87B535', endColorstr='#66952E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#87B535), to(#66952E)); /* for webkit browsers */	
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover,
.button:hover,
.pagination li a:hover,
.toolbar li a:hover,
.selector:hover,
.uploader.hover span.action,
.checker:hover,
.checker.hover,
.radio:hover,
.radio.hover,
.paging_full_numbers span.paginate_button:hover,
.paging_full_numbers span.paginate_active:hover {
    }

input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
button:focus,
.button:focus,
.pagination li a:focus,
.toolbar li a:focus,
.selector:focus,
.uploader.focus span.action,
.checker:focus,
.checker.focus,
.radio:focus,
.radio.focus,
.paging_full_numbers span.paginate_button:focus,
.paging_full_numbers span.paginate_active:focus {
    }

input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active,
button:active,
.button:active,
.pagination li a:active,
.toolbar li a:active,
.toolbar li.current a,
.toolbar li.current a:hover,
.selector:active,
.uploader.active span.action,
.checker:active,
.checker.active,
.radio:active,
.radio.active,
.paging_full_numbers span.paginate_button:active,
.paging_full_numbers span.paginate_active:active {
    }

input[type=button]:disabled,
input[type=button]:hover:disabled,
input[type=button]:focus:disabled,
input[type=button]:active:disabled,
input[type=submit]:disabled,
input[type=submit]:hover:disabled,
input[type=submit]:focus:disabled,
input[type=submit]:active:disabled,
input[type=reset]:disabled,
input[type=reset]:hover:disabled,
input[type=reset]:focus:disabled,
input[type=reset]:active:disabled,
button:disabled,
button:hover:disabled,
button:focus:disabled,
button:active:disabled,
.button.disabled,
.pagination li a.disabled,
.toolbar li a.disabled,
.selector.disabled,
.selector.disabled:hover,
.selector.disabled:focus,
.selector.disabled:active,
.uploader.disabled span.action,
.checker.disabled,
.checker.disabled:hover,
.checker.disabled:focus,
.checker.disabled:active,
.radio.disabled,
.radio.disabled:hover,
.radio.disabled:focus,
.radio.disabled:active {
    }

input[type=button].icon-only,
input[type=submit].icon-only,
input[type=reset].icon-only,
button.icon-only,
.button.icon-only,
.toolbar li a.icon-only {
    line-height: 0;
    padding-left: 4px;
    padding-right: 4px;
    }

input[type=button].icon-with-text img,
input[type=submit].icon-with-text img,
input[type=reset].icon-with-text img,
button.icon-with-text img,
.button.icon-with-text img,
.toolbar li a.icon-with-text img {
    float: left;
    padding-top: 2px;
    }

.lte8 button, .lte8 input[type=button], .lte8 input[type=reset], .lte8 input[type=submit] {
    overflow: visible;
    *margin-right: 4px;
    }

/**
 * Pagination
 */
.pagination {
    padding: 0;
    margin: 0;
    list-style: none;
    }

.pagination li,
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    display: block;
    float: left;
    margin-right: 3px;
    }

.pagination li a,
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    display: block;
    padding: 4px 9px;
    }

.pagination li.current a,
.paging_full_numbers span.paginate_active {
    background: #FFF;
    filter: none;
    }

/**
 * Toolbars
 */
.toolbar {
    margin: 0;
    list-style: none;
    padding: 0;
    }
    .toolbar li {
        display: block;
        float: left;
        position: relative;
        }
        .toolbar li a {
            -o-border-radius: 0;
            -ms-border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            display: block;
            padding: 4px 9px;
            }
    .toolbar li:not(:first-child) {
        margin-left: -1px;
        }
        .toolbar li:first-child a {
            border-radius: 2px 0 0 2px;
            }
        .toolbar li:last-child a {
            border-radius: 0 2px 2px 0;
            }
    .toolbar li:hover,
    .toolbar li.current {
        z-index: 1;
        }
        .toolbar li.current a,
        .toolbar li.current a:link,
        .toolbar li.current a:hover {
            border-color: #555;
            }

.message-count {
    background: red;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    color: #FFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    height: 14px;
    padding: 0 4px;
    text-shadow: none;
    /* positioning */
    position: absolute;
    right: -3px;
    top: -6px;
    z-index: 999;
    }

/**
 * Progress bars
 */

.progress {
    background-color: #DEDEDE;
    background-image: -o-linear-gradient(top, #ccc, #e9e9e9);
    background-image: -ms-linear-gradient(top, #ccc, #e9e9e9);
    background-image: -moz-linear-gradient(top, #ccc, #e9e9e9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #ccc, #e9e9e9);
    background-image: linear-gradient(top, #ccc, #e9e9e9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');
    border: 1px solid #ccc;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    box-shadow:0 1px 0 #fff;
    display: block;
    height: 22px;
    margin:4px 0;
    min-width: 100px;
    padding: 0;
    position: relative;
    }
    .progress span {
	  background-color: #D9E4AC;
	  border-radius: 2px 2px 2px 2px;
	  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
	  color: #111111;
	  display: block;
	  height: 22px;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
        .progress span b{
            color:#000;
            line-height:20px;
            padding-left:2px;
            text-shadow:0 1px 1px #fff;
            }

/**
 * Calendar
 */
/* calendar root element */
#calroot {
    background-color:#fff;
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size:11px;
    margin-top:-1px;
    width:205px;
    z-index:10000;
    zoom: 1;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {    
    background-color: #F4F4F4;
    background-image: -o-linear-gradient(top, #FCFCFC, #F4F4F4);
    background-image: -ms-linear-gradient(top, #FCFCFC, #F4F4F4);
    background-image: -moz-linear-gradient(top, #FCFCFC, #F4F4F4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F4F4F4));
    background-image: -webkit-linear-gradient(top, #FCFCFC, #F4F4F4);
    background-image: linear-gradient(top, #FCFCFC, #F4F4F4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC,endColorstr=#F4F4F4);
    border: 1px solid #CCC;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 4px 6px;
    zoom: 1;
    text-shadow: 0 1px 0 #FFF;
}

#caltitle {
    float:left;
    text-align:center;
    width:151px;
    line-height:20px;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(images/prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url(images/next.gif);
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;    
}

/* year/month selector */
#caltitle select {
    font-size:10px;    
}

#calbody {
    background: #fafafa;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 3px;
    position: relative;
}

/* names of the days */
#caldays {
    font-size: 10px;
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
} 

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;        
}

/* offmonth day */
a.caloff {
    color:#ccc;        
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);        
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc    !important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}

/**
 * Messages
 */
.message {
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1 0 rgba(255,255,255,0.5);
    margin-bottom: 10px;
    padding: 10px 20px;
    position:relative;
    zoom: 1;
    }
    .message h3 {
        margin-top: 0;
        font-size: 12px;
        font-weight: bold;
        }
    .message p {
        margin-bottom: 0;
        }

.message.info {
    border: 1px solid #cadcea;
    background-color: #cdf;
    background-image: -o-linear-gradient(top,  #eef,  #cdf);
    background-image: -ms-linear-gradient(top,  #eef,  #cdf);
    background-image: -moz-linear-gradient(top,  #eef,  #cdf);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eef), to(#cdf));
    background-image: -webkit-linear-gradient(top,  #eef,  #cdf);
    background-image: linear-gradient(top,  #eef,  #cdf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEFF', endColorstr='#CCDDFF');
    color: #225b86;
    text-shadow: 0 1px 1px #fff;
    }

.message.error {
    border: 1px solid #eeb7ba;
    background-color: #fae2e2;
    background-image: -o-linear-gradient(top,  #fae2e2,  #f2cacb);
    background-image: -ms-linear-gradient(top,  #fae2e2,  #f2cacb);
    background-image: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
    background-image: -webkit-linear-gradient(top,  #fae2e2,  #f2cacb);
    background-image: linear-gradient(top,  #fae2e2,  #f2cacb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
    color: #be4741;
    text-shadow: 0 1px 1px #fff;
    }

.message.success {
    border: 1px solid #b8c97b;
    background-color: #e5edc4;
    background-image: -o-linear-gradient(top,  #e5edc4,  #d9e4ac);
    background-image: -ms-linear-gradient(top,  #e5edc4,  #d9e4ac);
    background-image: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
    background-image: -webkit-linear-gradient(top,  #e5edc4,  #d9e4ac);
    background-image: linear-gradient(top,  #e5edc4,  #d9e4ac);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
    color: #3f7227;
    text-shadow: 0 1px 1px #fff;
    }

.message.warning {
    border: 1px solid #e5dbaa;
    background-color: #ffffc0;
    background-image: -o-linear-gradient(top,  #ffffc0,  #f9ee9c);
    background-image: -ms-linear-gradient(top,  #ffffc0,  #f9ee9c);
    background-image: -moz-linear-gradient(top,  #ffffc0,  #f9ee9c);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#f9ee9c));
    background-image: -webkit-linear-gradient(top,  #ffffc0,  #f9ee9c);
    background-image: linear-gradient(top,  #ffffc0,  #f9ee9c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc0', endColorstr='#f9ee9c');
    color: #6d7829;
    text-shadow: 0 1px 1px #fff;
    }

    .message .message-close {
        cursor:pointer;
        display:block;
        width:30px;
        height:30px;
        position:absolute;
        top:-10px;
        right:-10px;
        zoom:1;
        }

    .message:hover .message-close {
        background:transparent url(images/close-icon.png) no-repeat 0 0;
        }

/**
 * Wizard
 */

/* scrollable root element */
.wizard {
    -o-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	border:1px solid #CCC;
	font-size:12px;
	height:500px;
	overflow:hidden;
	position:relative;
    }
    /* scrollable items */
    .wizard .items {
        width:20000em;
        clear:both;
        position:absolute;
        }
        /* single item */
        .wizard .items > section {
            background: #FFF;
            float:left;
            position: relative;
            }
            /* title */
            .wizard .items > section > header {
                border-bottom: 1px solid #EEE;
                padding: 15px 30px;
                overflow: hidden;
                white-space: nowrap;
                }
                .wizard .items > section > header h2 {
                    margin: 0;
                    }
                .wizard .items > section > header em {
                    color:#666;
                    display:block;
                    font-size:14px;
                    font-style:normal;
                    line-height: 110%;
                    margin-top:8px;
                    }
            .wizard .items > section > section {
                padding: 15px 30px;
                overflow: auto;
                }
    /* input fields */
    .wizard ul {
        padding:0px !important;
        margin:0px !important;
        }
        .wizard ul li {
            list-style-type:none;
            list-style-image:none;
            margin-bottom:25px;
            }
    .wizard label {
        font-size:12px;
        display:block;
        }
        .wizard label strong {
            color:#789;
            position:relative;
            }
        .wizard label em {
            font-size:11px;
            color:#666;
            font-style:normal;
            }
        .wizard label > span {
            color:#f00;
            position:relative;
            font-size:16px;
            }
    .wizard div.selector {
        width:100%;
        }
    .wizard .double label {
        float:left;
        margin-right: 4%;
        width:46%;
        }
    .wizard footer {
        background: #EAEBFC;
        -o-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        -ms-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        padding: 20px 30px;
        }
    .wizard .error {
        border-color: red !important;
        }
    .wizard > nav {
        }
        .wizard > nav > ul {
            background: #F4F4F4;
            background: -o-linear-gradient(top, #FCFCFC, #F4F4F4);
            background: -ms-linear-gradient(top, #FCFCFC, #F4F4F4);
            background: -moz-linear-gradient(top, #FCFCFC, #F4F4F4);
            background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F4F4F4));
            background: -webkit-linear-gradient(top, #FCFCFC, #F4F4F4);
            background: linear-gradient(top, #FCFCFC, #F4F4F4);
            -pie-background: linear-gradient(top, #FCFCFC, #F4F4F4);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC,endColorstr=#F4F4F4);
            margin:0px !important;
            padding-left:25px !important;
            _background:#123;
            border-bottom: 1px solid #CCC;
            }
            .wizard > nav > ul li {
                float:left;
                color:#111;
                line-height: 40px;
                list-style-type:none;
                list-style-image:none;
                margin-bottom: 0;
                padding:0 30px;
                text-shadow: 0 1px 0 #FFF;
                }
            .wizard > nav > ul li.active {
                background-color:#FFF;
                border: 1px solid #CCC;
                border-bottom-color: #FFF;
                border-top-width: 0;
                margin-bottom: -1px;
                font-weight:normal;
                }
				
				
/*----------*/
/**
 * Fieldsets
 */
fieldset {
    border: 1px solid #bbb;
    padding: 15px;
    }
    fieldset legend {
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        padding: 0 10px;
    }
fieldset.fieldset-buttons {
    -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    fieldset.fieldset-buttons legend {
        border-width: 0;
        margin: 0;
        padding: 0;
        }
        fieldset.fieldset-buttons legend .ui-buttonset {
            display: inline;
            margin: 0;
        }

/**
 * Inputs and Validation
 */

.form {
    background-color: #F7F7F7;
	border:1px solid #dddddd;
	-o-border-radius:0.4em;
	-ms-border-radius:0.4em;
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
	-o-box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
	-ms-box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
	-moz-box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
	-webkit-box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
	box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
	padding:0;
	overflow:hidden;
    }
    .form .form-label {
        border-top:1px solid #fff;
        display: block;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 42px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        text-shadow: 0 1px 0 #FFF;
        width: 35%;
        white-space: nowrap;
        }
        .form .form-label em {
            color: red;
            font-style: normal;
            }
    .form .form-action {
        margin-left: 35%;  /*must be greater than the width of form-label */
        padding: 0.6em;
        }
    .form .form-input {
        display:block;
        float:right;
        width:65%;
        }
        .form .form-input .selector,
        .form .form-input .uploader,
        .form .form-input .radiogroup {
            min-height:0 !important;
            width:auto !important;
            }
        .form .form-input textarea,
        .form .form-input input[type=text],
        .form .form-input input[type=password],
        .form .form-input input[type=email],
        .form .form-input input[type=url],
        .form .form-input input[type=date],
        .form .form-input input[type=number],
        .form .form-input input[type=time],
        .form .form-input input[type=date],
        .form .form-input input.date,
        .form .form-input .selector,
        .form .form-input .uploader,
        .form .form-input .radiogroup,
        .form .form-input .checkgroup{
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            padding: 0.6em;
            border: 1px solid #FFF;
            width:100%;
            display:block;
            background:#FFF;
            line-height: 22px;
            -webkit-appearance:none;
            -moz-appearance:none;
            font-size:18px;
            -o-box-shadow:none;
            -ms-box-shadow:none;
            -moz-box-shadow:none;
            -webkit-box-shadow:none;
            box-shadow:none;
            }
        .form .form-input input.date {
            background: #FFF url(../images/navicons/29.png) center right no-repeat;
        }
        .form .form-input .selector {
            background: #FFF url(../images/navicons/140.png) center right no-repeat;
            }
            .form .form-input .selector select {
                height: 100%;
                }
            .form .form-input .selector span {
                background: none;
                line-height: 22px;
                padding: 0 30px 0 0;
            }
        .form .form-input .uploader {
            height: auto;
            padding:0;
            }
            .form .form-input .uploader span.filename {
                background: #FFF url(../images/navicons/56.png) center right no-repeat;
                border: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                font-size: 18px;
                line-height: 22px;
                padding: 0.6em;
                position: relative;
                }
            .form .form-input .uploader span.action {
                display: none;
                }
            .form .form-input .iTextClearButtonContainer {
                float: left; /*firefox fix*/
                }
    .form .form-input.form-textarea {
        line-height: 1;
        }
    .form .form-input.form-textarea textarea {
        position: relative;
        }
    .form > div{
        border-bottom: 1px solid #DDDDDD;
        padding-left: 10px;
        }
    .form > div:first-child{
        -o-border-top-right-radius: 0.4em;
        -o-border-top-left-radius: 0.4em;
        -ms-border-top-right-radius: 0.4em;
        -ms-border-top-left-radius: 0.4em;
        -moz-border-radius-topright: 0.4em;
        -moz-border-radius-topleft: 0.4em;
        -webkit-border-top-right-radius: 0.4em;
        -webkit-border-top-left-radius: 0.4em;
        border-top-right-radius: 0.4em;
        border-top-left-radius: 0.4em;
        }
        .form > div:first-child > label {
            -o-border-top-left-radius: 0.4em;
            -ms-border-top-left-radius: 0.4em;
            -moz-border-radius-topleft: 0.4em;
            -webkit-border-top-left-radius: 0.4em;
            border-top-left-radius: 0.4em;
            }
            .form > div:first-child > .form-input,
            .form > div:first-child > .form-input > * {
                -o-border-top-right-radius: 0.4em;
                -ms-border-top-right-radius: 0.4em;
                -moz-border-radius-topright: 0.4em;
                -webkit-border-top-right-radius: 0.4em;
                border-top-right-radius: 0.4em;
                }
    .form > div:last-child {
        -o-border-bottom-right-radius: 0.4em;
        -o-border-bottom-left-radius: 0.4em;
        -ms-border-bottom-right-radius: 0.4em;
        -ms-border-bottom-left-radius: 0.4em;
        -moz-border-radius-bottomright: 0.4em;
        -moz-border-radius-bottomleft: 0.4em;
        -webkit-border-bottom-right-radius: 0.4em;
        -webkit-border-bottom-left-radius: 0.4em;
        border-bottom-right-radius: 0.4em;
        border-bottom-left-radius: 0.4em;
        border-bottom: none;
        }
        .form > div:last-child > label {
            -o-border-bottom-right-radius: 0.4em;
            -ms-border-bottom-right-radius: 0.4em;
            -moz-border-radius-bottomright: 0.4em;
            -webkit-border-bottom-right-radius: 0.4em;
            border-bottom-right-radius: 0.4em;
            }
.invalid {
  border: 1px solid red !important;
}
.form-error {
    background-color: #000;
    -o-box-shadow: 0px 0px 6px #dddddd;
    -ms-box-shadow: 0px 0px 6px #dddddd;
    -moz-box-shadow: 0px 0px 6px #dddddd;
    -webkit-box-shadow: 0px 0px 6px #dddddd;
    box-shadow: 0px 0px 6px #dddddd;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 11px;
    height: 15px;
    padding: 4px 10px;
    z-index: 999;
    }
    .form-error p {
        color: #fff;
        display: block;
        line-height: 13px;
        margin: 0px;
        }
    .form-error em {
        border: 5px solid;
        border-width: 0 5px 5px;
        border-color: #000 transparent;
        display: block;
        height: 0;
        width: 0;
        /* positioning */
        position: absolute;
        top: -5px;
        left: 10px;
        }

/**
 * Tooltips
 */

.tooltip {
    background:#ddd; /* default background for browsers without gradient support */
    background: url('svg.php?stops=%23555555 0%,%23313131 100%');
    background: -o-linear-gradient(top,#555,#313131);
    background: -ms-linear-gradient(top,#555,#313131);
    background: -moz-linear-gradient(top,#555,#313131);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#555),to(#313131));
    background: -webkit-linear-gradient(top,#555,#313131);
    background: linear-gradient(top,#555,#313131);
    -pie-background: linear-gradient(top,#555,#313131);
    box-shadow: inset 0 1px 0 #878787;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    border: 1px solid #333;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color: #fff;
    display: none;
    font: bold 12px/16px Arial, Verdana, sans-serif;
    text-shadow: 0 1px 1px #222;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8);
    text-align: center;
    width: 100px;
    position:relative;
    padding:3px;
    margin:1em 0 1em;
    margin-top: 0px;
    min-height: 20px;
    z-index: 999;
    }
/* creates triangle */
.tooltip:before {
    content:" ";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left: 40px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-top-color:#333;
    zoom: 1;
    }
    .tooltip em {
        content:" ";
        display:block; /* reduce the damage in FF3.0 */
        position:absolute;
        bottom:-15px; /* value = - border-top-width - border-bottom-width */
        left: 40px;
        width:0;
        height:0;
        border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
        border-style:solid;
        border-color: #333 transparent;
        zoom: 1;
        }
.tooltip.bottom {
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#313131));
    background: -moz-linear-gradient(top, #555, #313131);
    -pie-background: linear-gradient(top, #555, #313131);
    -moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3);
    box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3);
    }
.tooltip.bottom:before {
    top:-16px; /* value = - border-top-width - border-bottom-width */
    border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
    border-color: #dd6611 transparent;
    }
    .tooltip.bottom em {
        top:-15px; /* value = - border-top-width - border-bottom-width */
        border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
        border-color: #333 transparent;
        }
.tooltip.right {
    margin-left: 20px;
    }
    .tooltip.right em {
        border-color: transparent #000;
        border-color: transparent rgba(0,0,0,0.7);
        top: 12px;
        /* controls vertical position */

        left: -7px;
        /* value = - border-left-width - border-right-width */

        bottom: auto;
        border-width: 8px 8px 8px 0;
        }

/**
 * Table Styles
 */

table.simple tr.highlight,
.portlet > section.no-padding table.simple tr.highlight {
    background: #eeeeff;
    }
    table.simple tr td,
    .portlet > section.no-padding table.simple td {
        border-collapse: separate;
        border-top: 1px solid #bbb;
        padding: 10px 15px;
        }
        table.simple tr td strong span,
        .portlet > section.no-padding table.simple td strong span {
            color: #999;
            }


/**
 * Clearable Textfield
 */
.iTextClearButtonContainer {
	position:relative;	
	display:inline-block;
}
.form .iTextClearButtonContainer {
    background: #FFF;
    width: 100%;
}

.iTextClearButtonContainer input {
    padding-right: 35px !important;
}

.iTextClearButton {
	background: url('../images/clear.png') no-repeat 0px 0px;
	cursor:pointer;
    display: block;
	height: 19px;
	position:absolute;
	right: 10px;
	top: 12px;
	width: 19px;
}

.iTextClearButton:active {
	background-position: 0px -19px;
}

.iTextClearButton:hover {
	background-position: 0px -57px;
}

/**
 * Simple Autocomplete
 */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
    }
    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
        }
        .ac_results ul li {
            margin: 0px;
            padding: 2px 5px;
            cursor: default;
            display: block;
            /* 
            if width will be 100% horizontal scrollbar will apear 
            when scroll mode will be used
            */
            /*width: 100%;*/
            font: menu;
            font-size: 12px;
            /* 
            it is very important, if line-height not setted or setted 
            in relative units scroll will be broken in firefox
            */
            line-height: 16px;
            overflow: hidden;
            }
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
    }
.ac_odd {
	background-color: #eee;
    }
.ac_over {
	background-color: #313131;
	color: white;
    }