/* Minification failed. Returning unminified contents.
(5459,6): run-time error CSS1030: Expected identifier, found ' '
(6252,6): run-time error CSS1035: Expected colon, found ';'
 */
/* Eric Meyer's CSS Reset v1.0 | 20080212 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
table, tbody, tfoot, thead, tr, th, td {
	vertical-align: top;
} 

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, 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: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 1.8.16
 *
 * Copyright 2011, 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 */
.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-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-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-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.16
 *
 * Copyright 2011, 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;z-index: 99999; 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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.16
 *
 * 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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.16
 *
 * Copyright 2011, 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 {
    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*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, 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; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, 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; }



.clear:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
}

.clean-margin {
    margin: 0px !important;
}

.clean-padding {
    padding: 0px !important;
}

ul.standard.clean-padding {
    padding: 0 0 0 16px !important;
}

ol.standard.clean-padding {
    padding: 0 0 0 22px !important;
}

.hidden {
    display: none !important;
}

.display {
    display: block;
}

.half {
    width: 48% !important;
}

.trio {
    width: 31% !important;
}

.quad {
    width: 23% !important;
}

.full {
    width: 100%;
}

.size-80 {
    width: 80px;
}

.size-120 {
    width: 120px;
}

.size-150 {
    width: 150px;
}

.size-170 {
    width: 170px;
}

.size-200 {
    width: 200px;
}


.commandExButton {
    background-color: #2d529f;
    color: White;
    font-weight: bold;
    font-size: 9pt;
}

.commandExButtonDisabled {
    background-color: #2d529f;
    color: gray;
    font-weight: bold;
    font-size: 9pt;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl-space {
    float: left;
    margin-right: 5px;
}

.fr-space {
    float: right;
    margin-left: 5px;
}

.fl-space2 {
    float: left;
    margin-right: 10px;
}

.fr-space2 {
    float: right;
    margin-left: 10px;
}

.bt-space0 {
    margin-bottom: 0px !important;
}

.bt-space5 {
    margin-bottom: 5px !important;
}

.bt-space10 {
    margin-bottom: 10px !important;
}

.bt-space15 {
    margin-bottom: 15px !important;
}

.bt-space20 {
    margin-bottom: 20px !important;
}

.bt-space30 {
    margin-bottom: 30px !important;
}

.bt-space40 {
    margin-bottom: 40px !important;
}

.ln-normal {
    line-height: normal !important;
}

.ln-22 {
    line-height: 22px !important;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
    margin: auto !important;
}

.right {
    text-align: right !important;
}

.block {
    text-align: justify;
}

img.block {
    display: block;
}

a {
    color: #00A5C4;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


.button {
    display: inline-block;
    line-height: 16px;
    border-width: 0px;
    font-size: 11px;
    font-family: arial;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background: url('../../images/button_glas1.png') center center repeat-x #333333;
    padding: 3px 13px 3px 13px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    opacity: 1;
    -o-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

    .button:active {
        opacity: 1;
    }


input.button,
a.button,
.ui-widget-content a.button {
    display: inline-block;
    line-height: 13px; /* IE8 hack */
    line-height: 16px;
    border-width: 0px;
    font-size: 11px;
    font-family: arial;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background: url('../../images/button_glas1.png') center center repeat-x #00539f;
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.button:hover {
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.8;
}

.button.green {
    background-color: #4DB800;
}

.button.red {
    background-color: #D80017;
}

.button.blue {
    background-color: #00A5C4;
}

.button.grey {
    background-color: #BBBBBB;
}

.button.greyborder {
    background-color: #BBBBBB;
    border-color: #00A5C4;
    border-width: medium;
}

strong {
    color: #333333;
}

small {
    font-size: 11px;
    line-height: 14px;
    display: block;
}

code {
    color: #333333;
    font-family: "Courier New",Courier,monospace,sans-serif;
}

q {
    background: url("../../images/quote.png") no-repeat 7px 8px #FFFFFF;
    color: #333333;
    display: block;
    font-family: "Times New Roman", arial;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    min-height: 42px;
    padding: 10px 10px 10px 32px;
    quotes: "" "";
    font-style: italic;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

    q cite {
        color: #959595;
        display: block;
        font-size: 12px;
        padding-top: 5px;
        font-family: arial;
    }

del {
    color: #FF001C;
    text-decoration: line-through;
}

.rule {
    padding-top: 2px;
    padding-bottom: 20px;
    background: url('../../images/rule.gif') 0px 0px repeat-x;
}

.rule2 {
    padding-top: 4px;
    padding-bottom: 20px;
    background: url('../../images/rule2.gif') 0px 0px repeat-x;
}

.sidebar .rule {
    padding-bottom: 15px;
}

.cr-help {
    cursor: help;
}

.head_top {
    z-index: 200;
}


/***************************/
/********** LOGIN **********/
/***************************/

.login-box {
    width: 550px;
    margin: 0px auto;
    margin-bottom: 30px;
    background: url('../../images/bck_white_10.png');
    border: 1px solid #756853;
    text-align: left;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.login-border {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.login-style {
    border: 2px solid #FFFFFF;
    background: #f5ecdf /*url('../../images/login.jpg') center center no-repeat*/;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.login-header {
    height: 71px;
    background: url('../../images/login_header.png') left bottom no-repeat;
    padding: 15px 15px 0px 15px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

    .login-header .logo {
        width: auto;
        margin: 0px;
        padding-top: 0px;
    }

        .login-header .logo .title {
        }

        .login-header .logo .text {
            color: #333333;
        }

.login-inside {
    height: 195px;
    padding-top: 35px;
    border-bottom: 1px solid #bbbbbb; /*background: url('../../images/gear.png') 325px bottom no-repeat;*/
}

    .login-inside p {
        text-align: center;
        padding: 10px 0 0;
    }

.login-data {
    width: 290px;
    padding: 30px 10px 25px 30px;
    background: url('../../images/bck_white_50.png');
    margin: 0px auto;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 20px;
}

    .login-data label {
        display: block;
        width: 70px;
        float: left;
        line-height: 22px;
        text-align: right;
        margin-right: 10px;
    }

    .login-data input.text {
        width: 140px;
    }

    .login-data .row {
        padding-bottom: 10px;
    }

    .login-data .button {
        margin-left: 80px;
    }

.login-footer {
    border-top: 1px solid #FFFFFF;
    background: url('../../images/bck_black_70.png');
    height: 22px;
    padding: 10px 15px 10px 15px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

    .login-footer .remember {
        color: #FFFFFF;
        line-height: 22px;
        display: block;
        float: left;
        font-weight: bold;
    }

        .login-footer .remember label {
            margin-left: 3px;
        }

.login-links {
    color: #bbbbbb;
    font-size: 11px;
}

    .login-links strong {
        font-weight: normal;
        color: #FFFFFF;
    }

    .login-links a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .login-links a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

/*********************************/
/********** NEW LOGIN LAYOUT **********/
/*********************************/

.login-back {
    font-family: 'Roboto', sans-serif;
    background: url('../../images/back.jpg') no-repeat center center;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    opacity:1;
    min-width:100%;
}

    .login-back .logo-box {
        padding-top: 35px;
    }

    .login-back .logo-heading {
        font-size: 22px;
        font-weight: 500;
        color: #222;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .login-back .logo {
        display: inline-block;
        margin: 0px 0 40px 0;
    }

    .login-back .width286 {
        max-width: 386px;
    }

.login-back .input-box {
    width: 100%;
    display: inline-block;
    border: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    /*background-color: #fff;*/
    border-radius: 5px;
}

    .login-back .no-padding {
        padding: 0;
    }

    .login-back .custom-input {
        border: none;
        border-bottom: 1px solid #414143;
        border-radius: 0;
        padding-left: 35px;
        height: 30px;
        width: 100%;
        float: left;
        font-size: 16px;
    }
    .login-back .failureNotification {
        visibility: visible;
        position: absolute;
        right: 10px;
        font-size: 16px;
        color: red
    }

    .login-back .mtb0 {
        margin: 0;
    }

.login-back .user {
    position: relative;
}

.login-back .user1 {
    font-size: 22px;
    color: #414143;
    position: absolute;
    top: 2px;
    left: 2px;
}

    .login-back .mb45 {
        margin-bottom: 45px;
    }

    .login-back .mb20 {
        margin-bottom: 20px;
    }

.login-back .forget {
    color: #4c92d6;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    padding-bottom: 5px;
    border-bottom: 1px dotted #4c92d6;
    margin-bottom: 40px;
    float: right;
}

    .login-back .forget:hover, .login-back .forget:active, .login-back .forget:focus, .login-back .point-click-btn:hover, .login-back .point-click-btn:active, .login-back .point-click-btn:focus {
        outline: 0;
        text-decoration: none;
        color: #f47c20;
    }

    .login-back .forget:hover, .login-back .forget:active, .login-back .forget:focus {
        border-bottom: 1px dotted #f47c20;
    }

.login-back .custom-input:hover, .login-back .custom-input:active, .login-back .custom-input:focus {
    outline: 0;
    box-shadow: none;
}

.login-back .custom-btn {
    width: 284px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background: #f47c20;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    transition: all .1s;
}

    .login-back .mtb15 {
        margin: 15px 0;
        font-size: 16px;
    }

    .login-back .or {
        font-size: 18px;
        color: #414143;
        font-weight: 500;
    }

    .login-back .point-click-btn {
        position: relative;
        font-size: 18px;
        color: #414143;
        font-weight: 400;
        letter-spacing: 0.8px;
        border: 1px solid #98ca41;
        border-radius: 5px;
        max-width: 340px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: inline-block;
    }

    .login-back .plogo {
        position: absolute;
        top: -7px;
        right: 0;
    }

    .login-back .width374 {
        /*If increase width*/
        max-width: 374px;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        height: 300px;
        background: #033c73;
        z-index: 999;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .login-back .cross {
        float: right;
        margin-top: 10px;
        cursor: pointer;
        color: #fff;
        opacity: 0.4;
        margin-right: -30px;
    }

    .login-back .mb33 {
        margin-bottom: 33px;
    }

    .login-back .p-heading {
        width: 100%;
        float: left;
        text-align: center;
        color: #fff;
    }

    .login-back .puser .custom-input {
        background: transparent;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        color: #fff;
    }

    .login-back .puser .user1 {
        color: #fff;
    }

    .login-back .puser .forget {
        color: rgba(255,255,255,0.53);
        border-bottom: 0;
    }

    .login-back .puser .custom-btn {
        background: none;
        border: 1px solid #fff;
        transition: all .1s;
    }

    .login-back .hide {
        right: -374px;
    }

    .login-back .custom-btn:hover {
        background: #98ca41;
        transition: all .1s;
    }

    .login-back .puser .custom-btn:hover {
        background: #f47c20;
        transition: all .1s;
    }

    .login-back .custom-input:focus, .login-back .puser .custom-input:focus {
        border-bottom: 1px solid #98ca41;
    }

        .login-back .custom-input:focus ~ i, .login-back .puser .custom-input:focus ~ i {
            color: #98ca41;
        }

button:focus, button:focus {
    outline: 0;
}

iframe {
    width: 100%;
    height: 90%;
    border: none;
}

@media screen and (max-width:767px) {
    .login-back .logo-box {
        padding-top: 20px;
    }

    .plogo {
        right: -11px;
    }
}


/*********************************/
/********** PAGE LAYOUT **********/
/*********************************/

.pagesize {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    min-height: 116px;
}

.pagetop {
    width: 100%;
    min-width: 1000px;
    background: url('../../images/menu_bg1.png') bottom repeat-x;
    border-bottom: 0;
    position: relative;
    z-index: 100;
    padding: 0 0 6px;
}

.head {
    padding: 0px 0px 0px 0px;
}

.head_top {
    position: relative;
    min-height: 78px;
}

.main {
}

.main-wrap {
    width: 100%;
    min-height: 500px;
    padding-top: 30px;
}

.page {
    padding-bottom: 50px;
}

.logo {
    padding-top: 0px;
}

    .logo a {
        text-decoration: none;
        display: block;
        width: 222px;
        height: 110px;
        background: url('../../images/logo_careconnection.png') no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }
    .logo .picture {
        float: left;
        margin-right: 10px;
        margin-top: -15px;
    }

    .logo .textlogo {
        float: left;
    }

    .logo .title {
        display: block;
        font-family: arial;
        font-size: 28px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: 5px;
        letter-spacing: -0.02em;
    }

    .logo .text {
        display: block;
        font-weight: bold;
        color: #BBBBBB;
        position: relative;
        top: -2px;
    }

.searchBar {
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: right;
    width: 300px;
    float: right;
}

.breadcrumb {
    width: 100%;
    height: 29px;
    padding: 0px 15px !important;
    background: url('../../images/breadcrumb.png') top left repeat-x;
}

    .breadcrumb .bread-links {
        line-height: 26px;
        font-size: 11px;
    }

    .breadcrumb li {
        float: left;
        margin-right: 5px;
    }

        .breadcrumb li.first {
            padding-left: 16px;
            background: url('../../images/ball_yellow_13.png') 0px 7px no-repeat;
        }

        .breadcrumb li span {
            padding-left: 5px;
        }

/*** header ***/

.header {
    background: url('../../images/line.gif') bottom left repeat-x;
    margin-bottom: 30px;
}

    .header .links {
        float: right;
        line-height: 24px;
        color: #333333;
        padding: 6px 0px 6px 0px;
    }

        .header .links li {
            float: left;
            margin-left: 10px;
        }

        .header .links .icon {
            display: block;
            width: 24px;
            height: 24px;
            float: left;
            margin-right: 5px;
        }

        .header .links a {
            color: #333333;
            text-decoration: none;
        }

            .header .links a:hover {
                color: #00A5C4;
                text-decoration: none;
            }

.topbuts {
    position: absolute;
    top: 0px;
    right: 0px;
}

    .topbuts > a {
        background: #1b76a3;
        text-decoration: none;
        color: #FFFFFF;
        line-height: 16px;
        padding: 1px 12px 2px 12px;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;
        border-radius: 0px 0px 3px 3px;
        float: right;
        margin-left: 2px;
        opacity: 1;
        -moz-transition: opacity 100ms;
        -o-transition: opacity 100ms;
        -webkit-transition: opacity 100ms;
        transition: opacity 100ms;
    }

        .topbuts > a.red {
            background-color: rgba(255, 0, 28, 0.8);
        }

        .topbuts > a:hover {
            opacity: 0.9;
        }

    .topbuts ul {
        float: right;
    }

    .topbuts li {
        float: left;
        margin-left: 2px;
        font-size: 11px;
        font-weight: bold;
    }

        .topbuts li a {
            background: #1b76a3;
            text-decoration: none;
            display: block;
            color: #FFFFFF;
            line-height: 16px;
            padding: 1px 12px 2px 12px;
            -moz-border-radius: 0px 0px 3px 3px;
            -webkit-border-radius: 0px 0px 3px 3px;
            border-radius: 0px 0px 3px 3px;
        }

            .topbuts li a:hover {
                background: #349dd1;
                text-decoration: none;
                color: #FFFFFF;
            }

            .topbuts li a.red {
                background: #D80017;
            }

                .topbuts li a.red:hover {
                    background: #FF001C;
                }

           .topbuts a.orange {
                background: #fc5800;
            }

                .topbuts a.orange:hover {
                    background: #fa9e00;
                }

           .topbuts a.blue {
                background: #1663ab;
            }

                .topbuts a.blue:hover {
                    background: #1663ab;
                }

.user {
    clear: both;
    float: right;
    padding-top: 0px;
}

    .user img.avatar {
        display: block;
        float: right;
        margin-left: 17px;
        padding: 3px;
        background: #FFFFFF;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

.user-detail {
    display: block;
    float: right;
    text-align: right;
}

    .user-detail .name {
        display: block;
        line-height: normal;
        text-align: left;
        float: right;
        font-size: 18px;
        color: #706958;
        padding: 9px 0px 3px 0px;
    }

    .user-detail .text {
        color: #bbbbbb;
        clear: both;
        font-size: 11px;
        line-height: 16px;
        color: #b9a36d;
        display: block;
    }

    .user-detail a {
        color: #b9a36d;
        text-decoration: none;
    }

        .user-detail a:hover {
            color: #b9a36d;
            text-decoration: underline;
        }

    .user-detail .name a {
        color: #706958;
        text-decoration: none;
    }


/*** main page contents ***/

h1 {
    color: #333333;
    font-size: 30px;
    font-weight: normal;
    padding-top: 0px;
    margin-bottom: 10px;
}

    h1 a.label {
        color: #FFFFFF;
        text-decoration: none;
        background: url("../../images/button_glas1.png") repeat-x center center #c0c0c0;
        display: inline-block;
        font-size: 11px;
        padding: 2px 10px 2px 10px;
        position: relative;
        top: -12px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

        h1 a.label:hover {
            color: #FFFFFF;
            text-decoration: none;
            background-color: #00A5C4;
        }

h2 {
    color: #333333;
    font-size: 18px !important;
    font-weight: normal;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-top:0px !important;
}

h3 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 10px;
}

h4 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 5px;
}

h5 {
    color: #959595;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 5px;
}

h6 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 5px;
    padding-left: 1px;
}

.page p {
    margin: 0px;
    line-height: 16px;
}

    .page p.description {
        margin: 0px;
        padding-bottom: 5px;
        padding-top: 0px;
        font-size: 11px;
        line-height: 14px;
    }

.thumb {
    display: block;
    border: 1px solid #BBBBBB;
    padding: 3px;
    background: #FFFFFF;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

a .thumb {
    border: 1px solid #BBBBBB;
}

a:hover .thumb {
    border: 1px solid #00A5C4;
}

.size48 {
    width: 48px;
    height: 48px;
}

.size64 {
    width: 64px;
    height: 64px;
}

.code {
    background: url('../../images/bck_white_90.png');
    color: #00A5C4;
    font-family: "Courier New",Courier,monospace,sans-serif;
    font-size: 12px;
    padding: 2px 5px 3px 5px;
    margin-bottom: 5px;
}

    .code span {
        color: #ff001c;
    }

ul.standard {
    list-style-type: square;
    padding: 10px 0 20px 16px;
}

    ul.standard ul {
        list-style-type: square;
        padding: 5px 0 5px 16px;
    }

ol.standard {
    list-style-type: decimal;
    padding: 10px 0 20px 22px;
}

    ol.standard ol {
        list-style-type: lower-alpha;
        padding: 5px 0 5px 22px;
    }


/* tree list */

ul.tree {
    list-style-type: none;
    padding: 0px 0 20px 0px;
}

    ul.tree ul {
        padding-left: 5px;
    }

    ul.tree li {
        line-height: 20px;
        padding: 0px 0px 0px 5px;
    }

        ul.tree li span.item {
            padding-left: 20px;
            background: url('../../images/ball_blue_16.png') 0px 2px no-repeat;
            font-weight: bold;
            display: block;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            cursor: pointer;
        }

        ul.tree li li span.item {
            background: url('../../images/ball_yellow_13.png') 2px 4px no-repeat;
            font-weight: normal;
        }

        ul.tree li li li span.item {
            background: url('../../images/ball_green_13.png') 2px 4px no-repeat;
        }

        ul.tree li li li li span.item {
            background: url('../../images/ball_purple_13.png') 2px 4px no-repeat;
        }

        ul.tree li li li li li span.item {
            background: url('../../images/ball_black_13.png') 2px 4px no-repeat;
        }

        ul.tree li li li li li li span.item {
            background: url('../../images/ball_red_13.png') 2px 4px no-repeat;
        }

        ul.tree li li li li li li li span.item {
            background: url('../../images/ball_grey_13.png') 2px 4px no-repeat;
        }

        ul.tree li li {
            padding-left: 10px !important;
        }

        ul.tree li.tree-item-main {
            padding-left: 0px;
        }

        ul.tree li.tree-item {
            padding-left: 0px;
        }

    ul.tree ul {
        background: url('../../images/tree_line.gif') 7px top no-repeat;
    }

        ul.tree ul ul {
            background: none;
        }

    ul.tree li.last ul {
        background: none;
    }

li.tree-item {
    background: url('../../images/tree_simple.png') 0px 0px no-repeat;
}

    li.tree-item.last {
        background: url('../../images/tree_simple_last.png') 0px 0px no-repeat;
    }

    li.tree-item.parent {
        background: url('../../images/tree_point.png') 0px 0px no-repeat;
    }

        li.tree-item.parent.last {
            background: url('../../images/tree_point_last.png') 0px 0px no-repeat;
        }


ul.space, ol.space {
    padding-bottom: 10px;
}

.space li {
    padding-bottom: 10px;
}

dl.standard {
    padding: 10px 0px 15px 0px;
}

    dl.standard dt {
        color: #333333;
        font-weight: bold;
    }

    dl.standard dd {
        padding-bottom: 10px;
    }

.mark {
    background: #FFFFFF;
    color: #333333;
    display: block;
    padding: 10px 10px 0px 10px;
    margin: 10px;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

    .mark p {
        padding-bottom: 10px;
    }

.mark_blue {
    background: #E7EEF4;
    color: #333333;
    display: block;
    padding: 10px 10px 0px 10px;
    margin-bottom: 15px;
    border: 1px solid #D7DEE4;
    border-bottom: 1px solid #C6CDD3;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

    .mark_blue p {
        padding-bottom: 10px;
    }

.successtd {
    background: #02486b !important;
    padding: 1em !important;
    color: #349dd1 !important;
    border: 1px solid #9ad44c !important;
    overflow: hidden;
    text-align: center;
}

.success {
    background: #8dc63f;
    padding: 1em;
    color: #1b3619;
    border: 1px solid #9ad44c;
    overflow: hidden;
    text-align: center;
}

.error {
    background: #ed1c24;
    padding: 1em;
    color: #fff;
    border: 1px solid #f9333a;
    overflow: hidden;
    text-align: center;
}

.validator {
    color: #f9333a;
}
/***************
**** COLUMNS ***
***************/

/* main columns */

.columns {
    width: 100%;
}

.lastcol {
    margin-right: 0px !important;
}

.col1-2 {
    width: 484px;
    float: left;
    margin-right: 32px;
}

.col1-3 {
    width: 312px;
    float: left;
    margin-right: 32px;
}

.col2-3 {
    width: 656px;
    float: left;
    margin-right: 32px;
}

.col1-4 {
    width: 226px;
    float: left;
    margin-right: 32px;
}

.col2-4 {
    width: 484px;
    float: left;
    margin-right: 32px;
}

.col3-4 {
    width: 742px;
    float: left;
    margin-right: 32px;
}

/* cols inside of tabs */
.content-box .ui-tabs .col1-2 {
    width: 444px;
}

/* cols inside of main columns */

.col2-3 .col1-2 {
    width: 312px;
    float: left;
    margin-right: 32px;
}

.col2-3 .col1-3 {
    width: 198px;
    float: left;
    margin-right: 31px;
}

.col2-3 .col2-3 {
    width: 427px;
    float: left;
    margin-right: 31px;
}

.col3-4 .col1-3 {
    width: 226px;
    float: left;
    margin-right: 32px;
}

.col3-4 .col2-3 {
    width: 484px;
    float: left;
    margin-right: 32px;
}

.col3-4 .col1-4 {
    width: 163px;
    float: left;
    margin-right: 30px;
}

.col3-4 .col2-4 {
    width: 356px;
    float: left;
    margin-right: 30px;
}

.col3-4 .col3-4 {
    width: 549px;
    float: left;
    margin-right: 30px;
}

/* cols inside of fullboxes */

.content-box .col1-2 {
    width: 468px;
    float: left;
    margin-right: 18px;
}

.content-box .col1-3 {
    width: 306px;
    float: left;
    margin-right: 18px;
}

.content-box .col2-3 {
    width: 630px;
    float: left;
    margin-right: 18px;
}

.content-box .col1-4 {
    width: 225px;
    float: left;
    margin-right: 18px;
}

.content-box .col2-4 {
    width: 468px;
    float: left;
    margin-right: 18px;
}

.content-box .col3-4 {
    width: 711px;
    float: left;
    margin-right: 18px;
}

/* cols for boxes with sidebars */

.content-box .col1-2 .col1-2 {
    width: 225px;
    float: left;
    margin-right: 18px;
}

.content-box .col2-3 .col1-2 {
    width: 306px;
    float: left;
    margin-right: 18px;
}

.content-box .col3-4 .col1-2 {
    width: 346px;
    float: left;
    margin-right: 19px;
}

.content-box .col3-4 .col1-3 {
    width: 225px;
    float: left;
    margin-right: 18px;
}

.content-box .col3-4 .col2-3 {
    width: 468px;
    float: left;
    margin-right: 18px;
}

.sidebar1-2 .sidebar .col1-2 {
    width: 214px;
    float: left;
    margin-right: 20px;
}

/* cols for boxes(without sidebars only) inside of main columns */

.col1-2 .content-box .col1-2 {
    width: 210px;
    float: left;
    margin-right: 18px;
}

.col2-3 .content-box .col1-2 {
    width: 296px;
    float: left;
    margin-right: 18px;
}

.col2-3 .content-box .col1-3 {
    width: 192px;
    float: left;
    margin-right: 17px;
}

.col2-3 .content-box .col2-3 {
    width: 401px;
    float: left;
    margin-right: 17px;
}

.col2-4 .content-box .col1-2 {
    width: 210px;
    float: left;
    margin-right: 18px;
}

.col3-4 .content-box .col1-2 {
    width: 339px;
    float: left;
    margin-right: 18px;
}

.col3-4 .content-box .col1-3 {
    width: 220px;
    float: left;
    margin-right: 18px;
}

.col3-4 .content-box .col2-3 {
    width: 458px;
    float: left;
    margin-right: 18px;
}


/*******************************
**** DESIGN of content boxes ***
*******************************/

.content-box {
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD;
    background: #FFFFFF;
    margin-bottom: 30px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

    .content-box .box-header {
        min-height: 36px;
        background: url('../../images/bck_header.png') top center repeat-x;
        position: relative;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    .content-box .box-body {
        border: 2px solid #FFFFFF;
        background: #f7f5f0;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    .content-box .box-wrap {
        padding: 20px 20px 10px 20px;
    }

.box-header h2 {
    color: #333333;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 7px 20px 9px 20px;
    background: url('../../images/rule.gif') bottom left repeat-x;
}

.box-header .tabs {
    position: absolute;
    top: 7px;
    right: 10px;
}

    .box-header .tabs li {
        float: left;
        margin-left: 3px;
        font-size: 11px;
        line-height: 20px;
        font-weight: bold;
    }

        .box-header .tabs li a {
            background: url('../../images/button_glas2.png') center center repeat-x #EEEEEE;
            border: 0px solid #FFFFFF;
            display: block;
            color: #333333;
            text-decoration: none;
            padding: 2px 15px 2px 15px;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
        }

            .box-header .tabs li a:hover {
                background: #FFFFFF;
                text-decoration: none;
            }

        .box-header .tabs li.active a {
            color: #FFFFFF;
            background: url('../../images/button_glas1.png') center center repeat-x #4DB800;
            border: 0px solid #333333;
        }

        .box-header .tabs li a.selected {
            color: #FFFFFF;
            background: url('../../images/button_glas1.png') center center repeat-x #4DB800;
            border: 0px solid #333333;
        }

/* sliding boxes and tabs */

.box-slide-head span.slide-but,
.box-slide-head td.slide-but span {
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 24px;
    background: url('../../images/but_slide.png') center center no-repeat !important;
    cursor: pointer;
}

.box-slide-head td.slide-but {
    background: none;
}

td.box-slide-body {
    background: #F0f0f0 !important;
}

.box-header.box-slide-head .slide-but {
    position: absolute;
    top: 7px;
    right: 5px;
}

.box-header.box-slide-head .tabs {
    right: 36px;
}

/* iconbar */

.content-box .iconbar {
    background: #e9e9e9 url('../../images/bck_iconbar.png') top center repeat-x;
    height: 143px;
    overflow: hidden;
}

    .content-box .iconbar .box-wrap {
        background: url('../../images/bck_iconbar_bottom.png') center bottom repeat-x;
        padding-top: 15px;
        padding-bottom: 25px;
        padding-left: 42px;
        padding-right: 42px;
        position: relative;
        overflow: hidden;
        height: 103px;
    }

.iconbar .jcarousel-list {
    height: 100px;
    overflow: hidden;
}

.iconbar .jcarousel-prev {
    background: #f9f9f9;
    display: block;
    width: 20px;
    height: 40px;
    text-indent: -9999px;
    border: 1px solid #FFFFFF;
    border-left-width: 0px;
    position: absolute;
    top: 29px;
    left: -42px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    -moz-box-shadow: 2px 1px 4px #dddddd;
    -webkit-box-shadow: 2px 1px 4px #dddddd;
    box-shadow: 2px 1px 4px #dddddd;
    *border-right: 1px solid #DDDDDD;
    *border-bottom: 1px solid #DDDDDD;
}

.iconbar .jcarousel-prev-disabled {
    background: url('../../images/arrowleft_iconbar_off.png') center center no-repeat #f9f9f9 !important;
    cursor: auto !important;
}

.iconbar .jcarousel-prev {
    background: url('../../images/arrowleft_iconbar_act.png') center center no-repeat #f9f9f9;
    cursor: pointer;
}

    .iconbar .jcarousel-prev:hover {
        background: url('../../images/arrowleft_iconbar_ovr.png') center center no-repeat #ffffff;
    }

.iconbar .jcarousel-next {
    background: #f9f9f9;
    display: block;
    width: 20px;
    height: 40px;
    text-indent: -9999px;
    border: 1px solid #FFFFFF;
    border-right-width: 0px;
    position: absolute;
    top: 29px;
    right: -42px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    -moz-box-shadow: -2px 1px 4px #dddddd;
    -webkit-box-shadow: -2px 1px 4px #dddddd;
    box-shadow: -2px 1px 4px #dddddd;
    *border-left: 1px solid #DDDDDD;
    *border-bottom: 1px solid #DDDDDD;
}

.iconbar .jcarousel-next-disabled {
    background: url('../../images/arrowright_iconbar_off.png') center center no-repeat #f9f9f9 !important;
    cursor: auto !important;
}

.iconbar .jcarousel-next {
    background: url('../../images/arrowright_iconbar_act.png') center center no-repeat #f9f9f9;
    cursor: pointer;
}

    .iconbar .jcarousel-next:hover {
        background: url('../../images/arrowright_iconbar_ovr.png') center center no-repeat #ffffff;
    }

.main-icons {
    margin: 0px;
    padding: 0px;
}

    .main-icons ul {
        width: 100%;
    }

    .main-icons li {
        width: 120px;
        float: left;
        text-align: center;
        margin: 0px 5px 0px 5px;
        padding: 1px 0px 5px 0px;
    }

        .main-icons li.active,
        .main-icons li:hover {
            background: url('../../images/bck_iconbar_ovr.png') center -15px no-repeat;
            width: 118px;
            padding: 0px 0px 5px 0px;
            border: 1px solid #f3f3f3;
            border-bottom-width: 0px;
            -moz-border-radius: 5px 5px 5px 5px;
            -webkit-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;
        }

    .main-icons a {
        color: #333333;
        text-decoration: none;
        display: block;
        padding-top: 14px;
        -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
        text-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
    }

        .main-icons a:hover {
            color: #00A5C4;
            text-decoration: none;
            padding-top: 13px;
            -webkit-text-shadow: 0px 1px 10px rgba(255, 255, 255, 1.0);
            text-shadow: 0px 1px 10px rgba(255, 255, 255, 1.0);
            border: 1px solid #FFFFFF;
            border-bottom-width: 0px;
            -moz-border-radius: 4px 4px 0px 0px;
            -webkit-border-radius: 4px 4px 0px 0px;
            border-radius: 4px 4px 0px 0px;
        }

    .main-icons li.active a {
        color: #47AB00;
        text-decoration: none;
        padding-top: 13px;
        -webkit-text-shadow: 0px 1px 1px rgba(71, 171, 0, .4);
        text-shadow: 0px 1px 1px rgba(71, 171, 0, .4);
        border: 1px solid #FFFFFF;
        border-bottom-width: 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
    }

    .main-icons .icon {
        display: block;
        width: 64px;
        height: 64px;
        margin: 0px auto;
    }

    .main-icons .text {
        display: block;
        padding: 5px 0px 0px 0px;
    }

/* elements inside of content boxes */

.box-body p {
    margin: 0px;
    padding-bottom: 20px;
}

/*** sidebars ***/

.content-box .sidebar1-2 {
    width: 100%;
    background: url('../../images/bck_sidebar.png') 486px 0px repeat-y;
    margin-bottom: 10px;
}

    .content-box .sidebar1-2 .sidebar {
        width: 448px;
        float: right;
        padding: 10px 10px 15px 10px;
    }

.content-box .sidebar1-3 {
    width: 100%;
    background: url('../../images/bck_sidebar.png') 648px 0px repeat-y;
    margin-bottom: 10px;
}

    .content-box .sidebar1-3 .sidebar {
        width: 286px;
        float: right;
        padding: 10px 10px 15px 10px;
    }

.content-box .sidebar1-4 {
    width: 100%;
    background: url('../../images/bck_sidebar.png') 729px 0px repeat-y;
    margin-bottom: 10px;
}

    .content-box .sidebar1-4 .sidebar {
        width: 205px;
        float: right;
        padding: 10px 10px 15px 10px;
    }

.sidemenu {
    width: 100%;
}

    .sidemenu ul.list {
        padding-bottom: 15px;
        line-height: 16px;
    }

        .sidemenu ul.list li a{
            margin-bottom: 3px;
            background: url('../../images/ui-bg_glass_100_f6f6f6_1x400.png') left center repeat-x;
            border: 1px solid #DDDDDD;
            border-bottom: 1px solid #CCCCCC;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
        }

            .sidemenu ul.list li a:hover {
                background: #FFFFFF;
            }

        .sidemenu ul.list a {
            color: #00A5C4;
            text-decoration: none;
            background: url('../../images/arrow_sm_blue.gif') 7px 10px no-repeat;
            display: block;
            padding: 5px 5px 5px 17px;
        }

            .sidemenu ul.list a:hover {
                color: #00A5C4;
                text-decoration: none;
                background: url('../../images/arrow_sm_blue.gif') 7px 10px no-repeat;
            }

        .sidemenu ul.list li.active {
            background: #FFFFFF;
        }

            .sidemenu ul.list li.active a {
                color: #333333;
                text-decoration: none;
                background: url('../../images/arrow_sm_black.gif') 7px 10px no-repeat;
                font-weight: bold;
            }

.sidebar p {
    padding-bottom: 10px;
}


/**************
**** tables ***
**************/

table {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

    table.basic {
        border-spacing: 0px;
        border-collapse: separate;
        border-top: 3px solid #cccccc;
        border-bottom: 1px solid #FFFFFF;
        line-height: 16px;
    }

        table.basic caption {
            background: none #bbbbbb;
            color: #FFFFFF;
            font-size: 14px;
            padding: 5px 11px 5px 11px;
            text-align: center;
        }

        table.basic tr:hover {
            background: none !important;
        }

        table.basic thead {
            color: #333333;
        }

        table.basic th,
        table.basic .title {
            border-top: 1px solid #FFFFFF;
            border-bottom: 1px solid #cccccc;
            font-weight: bold;
            padding: 4px 6px 4px 0px;
            white-space: nowrap;
            text-align: left;
        }

        table.basic tbody th {
        }

        table.basic td {
            background: none !important;
            border-top: 1px solid #FFFFFF;
            border-bottom: 1px solid #cccccc;
            padding: 4px 8px 4px 0px !important;
            line-height: 16px !important;
        }

        table.basic thead {
            border-top: 1px solid #FFFFFF;
            border-bottom: 1px solid #cccccc;
            padding: 3px 6px 3px 0px;
            white-space: nowrap;
        }

        table.basic td p {
            padding-bottom: 3px;
            padding-top: 3px;
        }

    table.formView textarea {
        width: 400px;
    }

.col1-2 input.text,
.col1-2 input[type="text"],
.col1-2 input[type="password"],
.col1-2 table.formView textarea {
    width: 250px;
}

table.formViewNarrow input[type="text"],
table.formViewNarrow textarea,
table.formViewNarrow select {
    width: 200px;
}

table.formView,
table.style1,
table.detailsView,
table.gridView {
    border: 2px solid #DDDDDD;
    clear: both;
}

    table.gridView tbody {
        width: 100% !important;
        display: inline-table !important;
    }

    table.formView caption,
    table.style1 caption,
    table.detailsView caption,
    table.gridView caption {
        background: none #959595;
        color: #FFFFFF;
        font-size: 14px;
        padding: 5px 11px 5px 11px;
        text-align: left;
    }

    table.formView th,
    table.style1 th,
    table.detailsView th,
    table.gridView th {
        background: #DDDDDD;
        border-bottom: 1px solid #FFFFFF;
        line-height: 22px;
        padding: 4px 6px 4px 6px;
        color: #333333;
        white-space: nowrap;
        text-align: left;
    }

    table.formView thead th,
    table.style1 thead th,
    table.detailsView thead th,
    table.gridView thead th {
        padding-top: 2px;
    }

    table.formView thead th,
    table.style1 thead td,
    table.detailsView thead td,
    table.gridView thead td {
        background: #DDDDDD;
        border-bottom: 1px solid #FFFFFF;
        text-align: left;
        line-height: 22px;
        padding: 2px 6px 4px 6px;
        white-space: nowrap;
    }

    table.formView tbody th,
    table.formView tbody .title table.style1 tbody th,
    table.style1 tbody .title,
    table.detailsView tbody th,
    table.detailsView tbody .title,
    table.gridView tbody th,
    table.gridView tbody .title {
        background: url('../../images/bck_black_5.png');
        font-weight: bold;
        white-space: nowrap;
        color: #666666;
        border-bottom: 1px solid #FFFFFF;
    }

    table.formView td,
    table.style1 td,
    table.detailsView td,
    table.gridView td {
        background: url('../../images/bck_white_75.png');
        border-bottom: 1px solid #eee;
        line-height: 22px;
        padding: 6px 6px 6px 6px;
    }

    table.formView .icon16,
    table.style1 .icon16,
    table.detailsView .icon16,
    table.gridView .icon16 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    table.formView td.vcenter,
    table.style1 td.vcenter,
    table.detailsView td.vcenter,
    table.gridView td.vcenter {
        vertical-align: middle;
    }

    table.formView td p,
    table.style1 td p,
    table.detailsView td p,
    table.gridView td p {
        padding-bottom: 3px;
        padding-top: 3px;
    }

.chart-wrap table {
    border: 5px solid #DDDDDD;
}

.chart-wrap caption {
    background: none #959595;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 11px 5px 11px;
    text-align: left;
}

.chart-wrap tr:hover {
    background: url('../../images/bck_black_10.png');
}

.chart-wrap th {
    background: #DDDDDD;
    border-bottom: 1px solid #FFFFFF;
    text-align: left;
    line-height: 22px;
    padding: 4px 6px 4px 6px;
    color: #333333;
    white-space: nowrap;
}

.chart-wrap thead th {
    padding-top: 2px;
}

.chart-wrap thead td {
    background: #DDDDDD;
    border-bottom: 1px solid #FFFFFF;
    text-align: left;
    line-height: 22px;
    padding: 2px 6px 4px 6px;
    white-space: nowrap;
}

.chart-wrap tbody th {
    background: url('../../images/bck_black_5.png');
    font-weight: bold;
    white-space: nowrap;
    color: #666666;
}

.chart-wrap td {
    background: url('../../images/bck_white_75.png');
    border-bottom: 1px solid #DDDDDD;
    line-height: 22px;
    padding: 4px 6px 4px 6px;
}

table .vcenter {
    vertical-align: middle;
}

table .full {
    width: 100%;
}

table .value {
    color: #47AB00;
}

table .nowrap {
    white-space: nowrap;
}

/*** forms ***/

form {
    width: 100%;
}

label {
    line-height: 22px;
    cursor: pointer;
}

    label:hover {
        color: #333333;
    }

input.checkbox, input[type="checkbox"] {
    display: inline;
    position: relative;
    left: 1px;
    top: 4px;
    cursor: pointer;
    margin: 0 5px 0 0;
}

input.radio, input[type="radio"] {
    display: inline;
    position: relative;
    top: 4px;
    left: -1px;
    margin-right: 5px;
}

input.text, input[type="text"], input[type="password"] {
    display: inline;
    border: 1px solid #B8B8B8;
    font-size: 12px;
    font-family: arial;
    color: #333333;
    height: 16px;
    padding: 2px 4px 2px 4px;
    width: 300px;
}

.GridviewTable input[type="text"] {
    width: auto;
}

input.submit {
    display: inline;
    border-width: 0px;
    font-size: 11px;
    font-family: arial;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background: url('../../images/button_glas1.png') center center repeat-x #333333;
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

input.form-file {
    display: inline;
    height: auto;
    font-size: 12px !important;
}

select {
    display: inline;
    border: 1px solid #B8B8B8;
    font-size: 12px;
    font-family: arial;
    color: #333333;
    height: 22px;
    padding: 2px;
}

option {
    padding: 0 10px 0 0;
}

textarea {
    display: inline;
    border: 1px solid #B8B8B8;
    font-size: 12px;
    font-family: arial;
    color: #333333;
    padding: 4px;
}

.form-label {
    display: block;
    width: 130px;
}

.form-field {
    padding-bottom: 5px;
}

span.required {
    color: #FF0000;
    font-weight: bold;
}

label.error {
    color: #FF0000;
}

.left-panel {
    width: 220px;
}


.style1 table.formView textarea {
    width: 300px !important;
}

.style1 input.text, input[type="text"], input[type="password"] {
    display: inline;
    border: 1px solid #B8B8B8;
    font-size: 12px;
    font-family: arial;
    color: #333333;
    height: 16px;
    padding: 2px 4px 2px 4px;
    width: 250px;
}
/*** page navigation ***/

.tab-footer {
    width: auto;
    padding-bottom: 10px;
    margin-top: -10px;
}

.pager {
    font-size: 11px;
    line-height: 20px;
}

    .pager a {
        display: block;
        float: left;
    }

    .pager .nav {
        display: block;
        float: left;
    }

        .pager .nav a {
            width: 20px;
            height: 20px;
            border: 1px solid #dddddd;
            border-bottom: 1px solid #cccccc;
        }

            .pager .nav a span {
                display: block;
                font-size: 0%;
                visibility: hidden;
                text-indent: -9999px;
            }

    .pager a.first {
        background: url('../../images/arrow_leftend_off.png') center center no-repeat;
        border-right-width: 0px;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }

        .pager a.first:hover {
            background: url('../../images/arrow_leftend_ovr.png') center center no-repeat;
        }

    .pager a.previous {
        background: url('../../images/arrow_left_off.png') center center no-repeat;
        border-left-width: 0px;
        -moz-border-radius: 0px 3px 3px 0px;
        -webkit-border-radius: 0px 3px 3px 0px;
        border-radius: 0px 3px 3px 0px;
    }

        .pager a.previous:hover {
            background: url('../../images/arrow_left_ovr.png') center center no-repeat;
        }

    .pager a.last {
        background: url('../../images/arrow_rightend_off.png') center center no-repeat;
        border-left-width: 0px;
        -moz-border-radius: 0px 3px 3px 0px;
        -webkit-border-radius: 0px 3px 3px 0px;
        border-radius: 0px 3px 3px 0px;
    }

        .pager a.last:hover {
            background: url('../../images/arrow_rightend_ovr.png') center center no-repeat;
        }

    .pager a.next {
        background: url('../../images/arrow_right_off.png') center center no-repeat;
        border-right-width: 0px;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }

        .pager a.next:hover {
            background: url('../../images/arrow_right_ovr.png') center center no-repeat;
        }

    .pager .pages {
        display: block;
        float: left;
        margin: 0px 4px 0px 4px;
        font-weight: bold;
    }

        .pager .pages a {
            min-width: 20px;
            margin: 0px 1px 0px 1px;
            background: url("../../images/button_glas2.png") repeat-x center center #EEEEEE;
            text-align: center;
            border: 1px solid #dddddd;
            border-bottom: 1px solid #cccccc;
            color: #333333;
            text-decoration: none;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
        }

            .pager .pages a span {
                padding: 0px 2px 0px 2px;
            }

            .pager .pages a:hover {
                background: url('../../images/bck_white_50.png');
                color: #00A5C4;
                text-decoration: none;
            }

            .pager .pages a.active {
                background: url('../../images/page_active.gif');
                color: #FFFFFF;
                text-decoration: none;
                font-weight: bold;
                border-width: 0px;
                line-height: 22px;
                min-width: 22px;
            }


/*** notifications ***/
.nextnotification,
.notification {
    border: 1px solid #666666;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 9px 0px 4px 0px;
    position: relative;
    z-index: 1;
    -ms-zoom: 1;
    zoom: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .nextnotification a.close,
    .notification a.close {
        display: block;
        width: 11px;
        height: 11px;
        background: url('../../images/ico_close_off.png') top left no-repeat;
        font-size: 0%;
        text-indent: -9999px;
        position: absolute;
        top: 3px;
        right: 3px;
    }

        .nextnotification a.close:hover,
        .notification a.close:hover {
            background: url('../../images/ico_close_ovr.png') top left no-repeat;
        }
    .nextnotification p,
    .notification p {
        color: #333333;
        line-height: 16px;
        padding: 0px 25px 5px 42px !important;
    }

    .nextnotification ul ,
    .notification ul {
        color: #333333;
        line-height: 16px;
        padding: 0px 25px 5px 42px !important;
    }

.note-error {
    background: url('../../images/ico_error.png') 2px 0px no-repeat #FAE2E3;
    border-color: #EC9B9B;
}

.note-success {
    background: url('../../images/ico_success.png') 2px 0px no-repeat #DFFAD3;
    border-color: #72CB67;
}

.note-info {
    background: url('../../images/ico_info.png') 2px 0px no-repeat #DDE9F7;
    border-color: #50B0EC;
}

.note-attention {
    background: url('../../images/ico_attention.png') 2px 0px no-repeat #FFFAC6;
    border-color: #D3C200;
}

.login-style .nextnotification,
.login-style .notification {
    margin: 10px 10px 0;
}

/*** footer ***/
.footer {
    color: #BBBBBB;
    width: 100%;
    min-width: 1000px;
    font-size: 12px;
    padding: 30px 0px 30px 0px;
    background: #000;
    border-top: 4px solid #ccc;
}

    .footer .pagesize {
        text-align: center;
    }

    .footer a {
        font-weight: bold;
    }

    .footer .copy a {
        color: #FFFFFF;
    }

        .footer .copy a:hover {
            color: #FFFFFF;
        }

    .footer strong {
        color: #FFFFFF;
    }

/* *********************************************************************
 * DataTables Styles
 * *********************************************************************/

.dataTables_wrapper {
    clear: both;
}

    .dataTables_wrapper table {
        width: 100% !important;
        margin: 0px 0px 20px 0px;
    }

    .dataTables_wrapper .dataTables_length {
        float: left;
        margin: 0px 0px 15px 0px;
    }

    .dataTables_wrapper .dataTables_filters {
        float: left;
        margin: 0px 0px 15px 0px;
    }

    .dataTables_wrapper .dataTables_filters_fields {
        float: left;
        margin: 0px 0px 0px 0px;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin: 0px 0px 15px 0px;
    }

        .dataTables_wrapper .dataTables_filter input {
            display: inline;
            border: 1px solid #B8B8B8;
            font-size: 12px;
            font-family: arial;
            color: #333333;
            height: 16px;
            padding: 2px 4px 2px 4px;
        }

.datatable {
    clear: both;
}

    .datatable thead th.sorting {
        cursor: pointer;
        padding-right: 25px;
    }

    .datatable thead th.sorting_desc {
        cursor: pointer;
        padding-right: 25px;
        background: url('../../images/arrow_sm_black_top.gif') center right no-repeat #eeeeee;
    }

    .datatable thead th.sorting_asc {
        cursor: pointer;
        padding-right: 25px;
        background: url('../../images/arrow_sm_black_down.gif') center right no-repeat #eeeeee;
    }

.dataTables_wrapper .dataTables_paginate {
    float: right;
    font-size: 11px;
    line-height: 20px;
    margin-top: -10px;
    padding-bottom: 10px;
}

    .dataTables_wrapper .dataTables_paginate span {
        display: block;
        float: left;
    }

    .dataTables_wrapper .dataTables_paginate .nav a {
        width: 22px;
        height: 22px;
    }

.gridView table {
    width: auto;
}

    .gridView table td {
        border-bottom: none;
        padding: 4px 1px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_active,
    .gridView table span, .detailsViewPager td table td *,
    .gridView table a {
        display: block;
        cursor: pointer;
        width: 20px;
        background: url('../../images/button_glas2.png') center center repeat-x #eeeeee;
        text-align: center;
        color: #333333;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 1px 0px 1px;
        border: 1px solid #dddddd;
        border-bottom: 1px solid #cccccc;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

    .detailsViewPager td table td span {
        background: url('../../images/button_glas1.png') center center repeat-x #333333;
        color: white;
        font-weight: bold;
        cursor: inherit;
    }

.detailsViewPager td table td * {
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    line-height: 22px;
}

    .detailsViewPager td table td a:hover {
        background-color: rgba(10, 46, 63, 0.2);
        color: #1b76a3;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background-color: #FFFFFF;
            color: #00A5C4;
            text-decoration: none;
        }

    .dataTables_wrapper .dataTables_paginate .paginate_active,
    .gridView table span {
        background: url('../../images/button_glas1.png') center center repeat-x #333333;
        border-width: 0px;
        line-height: 22px;
        width: 22px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        width: 22px !important;
    }

.dataTables_wrapper .dataTables_paginate .first {
    background: url('../../images/arrow_leftend_off.png') center center no-repeat !important;
    margin: 0px 0px 0px 0px;
    text-indent: -9999px;
    border-right-width: 0px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

    .dataTables_wrapper .dataTables_paginate .first:hover {
        background: url('../../images/arrow_leftend_ovr.png') center center no-repeat !important;
        text-indent: -9999px;
    }

.dataTables_wrapper .dataTables_paginate .previous {
    background: url('../../images/arrow_left_off.png') center center no-repeat !important;
    margin: 0px 4px 0px 0px;
    text-indent: -9999px;
    border-left-width: 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

    .dataTables_wrapper .dataTables_paginate .previous:hover {
        background: url('../../images/arrow_left_ovr.png') center center no-repeat !important;
        text-indent: -9999px;
    }

.dataTables_wrapper .dataTables_paginate .last {
    background: url('../../images/arrow_rightend_off.png') center center no-repeat !important;
    margin: 0px 0px 0px 0px;
    text-indent: -9999px;
    border-left-width: 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

    .dataTables_wrapper .dataTables_paginate .last:hover {
        background: url('../../images/arrow_rightend_ovr.png') center center no-repeat !important;
        text-indent: -9999px;
    }

.dataTables_wrapper .dataTables_paginate .next {
    background: url('../../images/arrow_right_off.png') center center no-repeat !important;
    margin: 0px 0px 0px 4px;
    text-indent: -9999px;
    border-right-width: 0px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

    .dataTables_wrapper .dataTables_paginate .next:hover {
        background: url('../../images/arrow_right_ovr.png') center center no-repeat!important;
        text-indent: -9999px;
    }

/* *********************************************************************
 * Modal window
 * *********************************************************************/

.pagetop .modal-window,
.main .modal-window,
.footer .modal-window {
    display: none;
}

.modal-window {
    width: auto;
}

    .modal-window p {
        padding-bottom: 20px;
        line-height: 16px;
    }

.modal-400 {
    width: 400px;
}

.modal-600 {
    width: 600px;
}

.modal-800 {
    width: 800px;
}

#fancybox-img {
    width: auto !important;
}


/* *********************************************************************
 * WYSIWYG
 * *********************************************************************/

.jwysiwyg {
    min-height: 200px;
}

.tinymce {
    min-height: 350px;
}

.wysiwyg {
    width: auto !important;
    margin-bottom: 20px;
}

    .wysiwyg iframe {
        width: 100% !important;
    }

.mceEditor {
    display: block;
    margin-bottom: 20px;
}

.mceContentBody,
table.mceLayout {
    width: 100% !important;
}


/* *********************************************************************
 * Quick edit
 * *********************************************************************/

.edit-field textarea {
    width: 95% !important;
}

.edit-field input {
    width: auto !important;
    display: block;
    border: 1px solid #B8B8B8;
    font-size: 12px;
    font-family: arial;
    color: #333333;
    height: 16px;
    padding: 2px 4px 2px 4px;
}

.long input[type="text"], .long input[type="password"] {
    width: 95% !important;
}


/* *********************************************************************
 * Gallery
 * *********************************************************************/

.gallery {
    background: #FFFFFF;
    color: #333333;
    display: block;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

    .gallery li {
        display: inline-block;
        float: left;
        vertical-align: top;
    }

.gal-large li {
    width: 88px;
    margin: 5px 5px 0px 5px;
    padding-bottom: 10px;
}

.gal-large .thumb {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #BBBBBB;
    padding: 3px;
    background: #FFFFFF;
    margin-bottom: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.gal-large .title {
    color: #333333;
    display: block;
    font-size: 11px;
    line-height: 18px;
    padding: 0px 6px 0px 6px;
    background: url('../../images/ui-bg_glass_100_f6f6f6_1x400.png') left center repeat-x;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .gal-large .title .wrap {
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

.gal-large li:hover .title {
    color: #FFFFFF;
    height: 20px;
    position: relative;
    border-width: 0px;
    padding: 0px;
}

.gal-large li:hover .wrap {
    padding: 0px 6px 0px 6px;
    border: 1px solid #333333;
    min-width: 74px;
    overflow: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #333333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.gal-small {
    padding: 8px;
}

    .gal-small li {
        width: 56px;
        margin: 3px 3px 0px 3px;
        padding-bottom: 5px;
    }

    .gal-small .thumb {
        display: block;
        width: 48px;
        height: 48px;
        border: 1px solid #BBBBBB;
        padding: 3px;
        background: #FFFFFF;
        margin-bottom: 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.gal-footer {
    padding-bottom: 20px;
}


/* **************************
 * Custom contents
 * **************************/

/* user boxes */

.online-user {
    padding-bottom: 15px;
}

    .online-user .mark {
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .online-user .avatar {
        width: 50px;
        float: left;
        margin-right: 10px;
        border: 2px solid #DDDDDD;
    }

        .online-user .avatar img {
            display: block;
            width: 48px;
            height: 48px;
            padding: 1px 1px 0px 1px;
            background: #FFFFFF;
            border-bottom: 0px;
        }

    .online-user .desc {
        margin-left: 64px;
    }

    .online-user ul.links {
        float: right;
    }

        .online-user ul.links li {
            float: left;
            margin-left: 5px;
        }

        .online-user ul.links .graph {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/ico_graph_16_off.png') 0 0 no-repeat;
            text-indent: -9999px;
        }

            .online-user ul.links .graph:hover {
                background: url('../../images/ico_graph_16_ovr.png') 0 0 no-repeat;
            }

        .online-user ul.links .cart {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/ico_shopping_16_off.png') 0 0 no-repeat;
            text-indent: -9999px;
        }

            .online-user ul.links .cart:hover {
                background: url('../../images/ico_shopping_16_ovr.png') 0 0 no-repeat;
            }

        .online-user ul.links .hist {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/ico_history_16_off.png') 0 0 no-repeat;
            text-indent: -9999px;
        }

            .online-user ul.links .hist:hover {
                background: url('../../images/ico_history_16_ovr.png') 0 0 no-repeat;
            }

        .online-user ul.links .mesg {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/envelope_off.png') 0 0 no-repeat;
            text-indent: -9999px;
        }

            .online-user ul.links .mesg:hover {
                background: url('../../images/envelope_ovr.png') 0 0 no-repeat;
            }

        .online-user ul.links .male {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/user_male.png') 0 0 no-repeat;
            text-indent: -9999px;
            cursor: help;
        }

        .online-user ul.links .female {
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../images/user_female.png') 0 0 no-repeat;
            text-indent: -9999px;
            cursor: help;
        }

    .online-user p {
        padding-bottom: 5px;
        color: #959595;
    }

        .online-user p.status {
            color: #ffffff;
            font-size: 10px;
            font-weight: bold;
            line-height: 14px;
            text-align: center;
            padding: 0px 0px 2px 0px;
            background: #333333;
            margin: 0px 1px 1px 1px;
        }

        .online-user p.admin {
            color: #D3FF77;
        }

    .online-user .info {
        color: #333333;
        padding-bottom: 0px;
    }

/* links with icons */

.icon-links {
    margin-bottom: 10px;
}

    .icon-links li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #dddddd;
    }

        .icon-links li.lastlnk {
            padding-bottom: 10px;
            margin-bottom: 0px;
            border-bottom-width: 0px;
        }

    .icon-links .icon {
        width: 48px;
        height: 48px;
        float: left;
        background: url('../../images/bck_icon48_dark.png') 0 0 no-repeat;
        padding: 6px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

    .icon-links a span {
        margin-left: 70px;
        display: block;
        font-size: 13px;
        padding-top: 6px;
        font-weight: bold;
    }

    .icon-links a:hover span {
        text-decoration: underline;
    }

    .icon-links p {
        margin-left: 70px;
        padding-bottom: 0px;
        padding-top: 5px;
    }

/* event list */

.event-list {
}

    .event-list .priority-high {
        display: block;
        width: 16px;
        height: 16px;
        background: url('../../images/ball_red_16.png') center left no-repeat;
        float: left;
        text-indent: -9999px;
        cursor: help;
    }

    .event-list .priority-normal {
        display: block;
        width: 16px;
        height: 16px;
        background: url('../../images/ball_yellow_16.png') center left no-repeat;
        float: left;
        text-indent: -9999px;
        cursor: help;
    }

    .event-list .priority-low {
        display: block;
        width: 16px;
        height: 16px;
        background: url('../../images/ball_blue_16.png') center left no-repeat;
        float: left;
        text-indent: -9999px;
        cursor: help;
    }

    .event-list ul {
        padding-bottom: 10px;
        padding-right: 2px;
        margin-top: -5px;
    }

    .event-list li {
        width: 100%;
        float: left;
        clear: both;
        border: 1px solid #DDDDDD;
        background: #E9E9E9;
        border-bottom: 1px solid #CCCCCC;
        margin-top: 5px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

    .event-list .event-list-title {
        display: block;
        background: url('../../images/ui-bg_glass_100_f6f6f6_1x400.png') center center repeat-x #ffffff;
        line-height: 16px;
        padding: 3px 4px 3px 4px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
    }

        .event-list .event-list-title a {
            font-weight: bold;
        }

    .event-list .event-edit {
        display: block;
        float: right;
        margin-left: 5px;
        width: 16px;
        height: 16px;
        background: url('../../images/ico_edit_16.png') center center no-repeat;
        text-indent: -9999px;
    }

    .event-list .event-date {
        color: #333333;
        font-size: 11px;
        line-height: 14px;
        display: block;
        float: right;
        margin-left: 5px;
        margin-top: 2px;
    }

    .event-list .event-link {
        display: block;
        margin: 0px 0px 0px 21px;
    }

    .event-list .event-note {
        font-size: 11px;
        line-height: 14px;
        padding: 5px 6px 5px 6px;
    }

/* event calendar */

.event-calendar {
}

    .event-calendar .datepicker-inline {
        padding-bottom: 5px;
    }

    .event-calendar .add-event {
        padding-bottom: 10px;
    }

    .event-calendar .event-date {
        float: left;
    }

    .event-calendar .event-form {
        margin: 0px -20px 0px -20px;
        padding-top: 10px;
    }

    .event-calendar .event-wrap {
        width: 100%;
        border-bottom: 1px solid #fff;
        background: url('../../images/rule.gif') top left repeat-x #E9E9E9;
        padding: 22px 0px 10px 0px;
    }

    .event-calendar .event-form .form-field {
        padding-left: 20px;
        padding-right: 20px;
    }

    .event-calendar .title {
        width: 256px;
    }

    .event-calendar .event {
        width: 256px;
    }

/* articles and categories */

.article-detail-body {
    margin: 0px 125px 0px 195px;
}

.categories span.item {
    position: relative;
}

    .categories span.item:hover {
        background-color: #ffffff;
        color: #333333;
    }

.categories .cat-links {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
}

    .categories .cat-links a {
        display: block;
        float: left;
        margin-left: 3px;
    }

.categories .cat-edit {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url('../../images/ico_edit_12.png') center center no-repeat;
}

.categories .cat-del {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url('../../images/ico_delete_12.png') center center no-repeat;
}

.add-category .title {
    width: 234px;
}

.add-category .cat-descr {
    width: 234px;
}

.add-category .cat-parent {
    width: 100%;
}


.ModalPopupBG {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.7;
    overflow: hidden;
}

.ModalPopup {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.10;
    overflow: hidden;
}

.PasswordResetPopup {
    min-width: 200px;
    min-height: 150px;
    background: #fafafa;
    color: #333;
    padding: 10px;
}

.ajax__tab_body {
    background: transparent !important;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*iphone style checkboxes*/
.iPhoneCheckContainer {
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
}

    .iPhoneCheckContainer input {
        position: absolute;
        top: 5px;
        left: 30px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    .iPhoneCheckContainer label {
        white-space: nowrap;
        font-size: 17px;
        line-height: 17px;
        font-weight: bold;
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        height: 27px;
        position: absolute;
        width: 50px;
        top: 0;
        padding-top: 5px;
        overflow: hidden;
    }

    .iPhoneCheckContainer, .iPhoneCheckContainer label {
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
    }

.iPhoneCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

label.iPhoneCheckLabelOn {
    color: white;
    background: url('../../images/iphone-style-checkboxes/on.png?1284697268') no-repeat;
    -webkit-text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px;
}

    label.iPhoneCheckLabelOn span {
        padding-left: 8px;
    }

label.iPhoneCheckLabelOff {
    color: #8b8b8b;
    background: url('../../images/iphone-style-checkboxes/off.png?1284697268') no-repeat right 0;
    -webkit-text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0;
}

    label.iPhoneCheckLabelOff span {
        padding-right: 8px;
    }

.iPhoneCheckHandle {
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../../images/iphone-style-checkboxes/slider_left.png?1284697268') no-repeat;
    padding-left: 3px;
}

.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('../../images/iphone-style-checkboxes/slider_right.png?1284697268') no-repeat right 0;
}

.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('../../images/iphone-style-checkboxes/slider_center.png?1284697268');
}

/*iphone style checkboxes*/


/* Wizard Control Navigation Sidebar */

span.Wizard-Sidebar-Holder {
    font-size: 1.2em;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #015c89;
    border-bottom: 1px solid #003b58;
    border-top: 1px solid #003b58;
    margin-right: 20px;
}

    span.Wizard-Sidebar-Holder br {
        display: none;
    }

span.Wizard-Sidebar {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 155px;
    padding: 10px 10px 10px 35px;
    background: url(../../images/sidenav_a.gif) no-repeat 5px 7px;
    border-bottom: 1px solid #02486b;
}

    span.Wizard-Sidebar a,
    span.Wizard-Sidebar-Selected a {
        color: #fff;
    }

span.Wizard-Sidebar-Selected {
    display: block;
    background: #02486b url(../../images/sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #1a4c76;
    width: 155px;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid #003b58;
}


/*-----------END--------------*/

.searchbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
}

/*tabcontent style*/
.ajaxTab .ajax__tab_header {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    background-color: #d96a2c;
    margin-left: 10px;
    clear: both;
    cursor: pointer;
}

.ajaxTab .ajax__tab_outer {
    background-color: #fff;
}

.ajaxTab .ajax__tab_inner {
    padding: 6px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #d96a2c;
}

.ajaxTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #fff;
}

.ajaxTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #666;
}

.ajaxTab .ajax__tab_active .ajax__tab_outer {
    background-color: #fff;
}

.ajaxTab .ajax__tab_active .ajax__tab_inner {
    background-color: #329cd1;
}

.ajaxTab .ajax__tab_body {
    border: 1px solid #aaa;
    padding: 10px;
}

.ajax__tab_xp .ajax__tab_body {
    width: 960px;
}

/*ajax control Slider*/
.alertMinHigh {
    background: #8a9bcc;
    color: #fff !important;
    border: 1px solid #000;
    margin-right: 5px;
}

.alertMin {
    background: #2B3856; /*#3a6c9a;*/
    color: #fff !important;
    border: 1px solid #000;
    margin-right: 5px;
}

.alertMax {
    background: #e98e44;
    color: #fff !important;
    border: 1px solid #000;
    margin-right: 5px;
}

.alertMaxHigh {
    background: #b70000;
    color: #fff !important;
    border: 1px solid #000;
    margin-right: 5px;
}

.ajax__multi_slider_default .inner_rail_horizontal {
    position: relative !important;
    height: 0px !important;
    width: 200px !important;
    background: #333 !important;
}

.handle_0 {
    position: absolute !important;
    background: transparent url(../../images/handle_maxlow.png) no-repeat !important;
    height: 40px !important;
    width: 15px !important;
    margin-top: 6px;
}

.handle_1 {
    position: absolute !important;
    background: transparent url(../../images/handle_low.png) no-repeat !important;
    height: 40px !important;
    width: 15px !important;
    margin-top: 6px;
}

.handle_2 {
    position: absolute !important;
    background: transparent url(../../images/handle_high.png) no-repeat !important;
    height: 40px !important;
    width: 15px !important;
    margin-top: 6px;
}

.handle_3 {
    position: absolute !important;
    background: transparent url(../../images/handle_maxhigh.png) no-repeat !important;
    height: 40px !important;
    width: 15px !important;
    margin-top: 6px;
}

div.divs {
    width: 100% !important;
}

/* JQuery tab control */
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #cabdaa;
    border-left: 1px solid #cabdaa;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 31px; /*--Vertically aligns the text within the tab--*/
        border: 1px solid #cabdaa;
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        background: #f2efe7;
    }

        ul.tabs li a.highlight {
            background: #ffaaaa;
        }

            ul.tabs li a.highlight:hover {
                background: #ff9595;
            }

        ul.tabs li.active a.highlight, ul.tabs li.active a.highlight:hover {
            background: #ffaaaa;
            background: -moz-linear-gradient(top, #ffaaaa 0%, #ffffff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaaaa), color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(top, #ffaaaa 0%,#ffffff 100%);
            background: -o-linear-gradient(top, #ffaaaa 0%,#ffffff 100%);
            background: -ms-linear-gradient(top, #ffaaaa 0%,#ffffff 100%);
            background: linear-gradient(top, #ffaaaa 0%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaaaa', endColorstr='#ffffff',GradientType=0 );
        }

        ul.tabs li a {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 1.2em;
            padding: 0 10px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }

            ul.tabs li a:hover {
                background: #e6dfd1;
            }

html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #cabdaa !important;
    border-top: none !important;
    overflow: hidden !important;
    clear: both !important;
    width: 100% !important;
    float: left !important;
    background: #fff !important;
}

.tab_content {
    padding: 20px 2% !important;
    float: left;
    width: 96%;
    font-size: 1.0em !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2efe7 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2efe7)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2efe7 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#f2efe7 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#f2efe7 100%) !important;
    background: linear-gradient(top, #ffffff 0%,#f2efe7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2efe7',GradientType=0 ) !important;
}



/***************Page Specifics css****************/
.assessmentoverview ul {
    width: 400px;
    margin: 20px 0;
}

    .assessmentoverview ul li {
        background: none repeat scroll 0 0 #E0E0E0;
        border: 1px solid #999;
        height: 28px;
        line-height: 31px;
        margin: 0 0 -1px;
        padding: 0 10px;
        position: relative;
        clear: both;
        font-size: 14px;
        width: 400px;
    }

        .assessmentoverview ul li .val {
            float: right;
            font-weight: bold;
        }

            .assessmentoverview ul li .val span {
                font-weight: bold;
            }


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





/************************* Rad Controls **********************/

.RadScheduler,
.radSplitter,
.rsContentScrollArea,
.radPane {
    height: auto !important;
    overflow: hidden;
}

    .RadScheduler .rsAdvancedEdit label {
        display: inline-block;
        line-height: 25px;
        margin: 0;
        padding: 0 15px 0 0;
        text-align: right;
        vertical-align: middle;
        width: 110px;
    }

.radDatePicker .radDatePickerInput {
    border: solid 1px #B6AD9E;
    -moz-transition: border-color 300ms;
    -o-transition: border-color 300ms;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
}

.radDatePicker .radDatePickerInput:focus {
    border-color: #00A5C4;
}

/******************************** JQuery Modal Window ************************/
.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    opacity: .75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index: 101;
}

.modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: 102;
}

.close-window {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 8px;
    top: 8px;
    background: transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

    .close-window:hover {
        opacity: .99;
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
    }



/******************* Menu ******************************/


.SimpleEntertainmentMenu li li /* fly outs */ {
    width: 170px;
    background-color: #08689C;
    z-index: 9999;
    text-align: center;
    border: double 1px #08639C;
    margin-left: -2px;
}


.level2 {
    top: 33px !important;
    left: 0% !important;
    text-align: left;
}

.level3 {
    top: -2px !important;
    left: 170px !important;
    text-align: left;
    width: 240px;
}

.txtSearch_CompletionItem {
    background-color: #F2EAD5;
    color: windowtext;
    padding: 5px;
    cursor: pointer;
}

.txtSearch_CompletionList {
    visibility: hidden;
    margin: 0px!important;
    padding: 5px;
    background-color: #F2EAD5;
    color: WindowText;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    list-style-type: none;
    overflow: auto;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 12px;
    height: 200px;
}

/* AutoComplete highlighted item */
.txtSearch_HighlightedItem {
    background-color: Highlight;
    color: HighlightText;
    cursor: pointer;
    padding: 5px;
}

#PRINT, #CLOSE {
    visibility: hidden;
}

.row {
    clear: both;
}

/******************* Patient list ******************************/
.VitalSignsData {
    text-align: center;
    width: 150px;
}

.VitalDateReading {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    padding: 2px 5px 3px 5px;
    width: 100px;
    margin: 0px 5px 0px 5px;
    color: #1A75A1;
}

.VitalReading {
    font-size: 20px;
}

.VitalDateReading:hover {
    background-color: #F2EAD5;
    color: #ff0000;
    cursor: pointer;
}

.VitalDate {
}

.feature {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    padding: 5px;
    overflow: auto;
    width: 100px;
}

.PictureFrame {
    background-color: White;
    border: solid 1px #a4906b;
    padding: 4px;
    margin: 3px 5px;
}

.PatientName {
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.TodayFrame {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    -webkit-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px;
    border: solid 1px #CBC7C0;
}

    .TodayFrame:hover {
        background-color: #F4ECD5;
    }

.GroupName {
    font-size: 9px;
    color: #a4906b;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

.Vital {
    color: #D80017;
}

.PatientTask {
    font-size: 12px;
    color: #333333;
    margin-top: 10px;
}

    .PatientTask span {
    }

.PatientImage {
    background-color: red;
    margin-bottom: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.PatientImageContext {
    border: solid 1px #DCDCDC;
    margin-bottom: 15px;
    width: 150px;
    height: 150px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.PatientCard {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    -webkit-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    width: 290px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px 20px 10px 0;
}

    .PatientCard:hover {
        -moz-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        -webkit-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        cursor: pointer;
    }

.PatientCardPopup {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #c2c2c2;
    -webkit-box-shadow: 2px 2px 10px #c2c2c2;
    box-shadow: 2px 2px 10px #c2c2c2;
    width: 300px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px 20px 10px 0;
}

.BreachCard {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #c2c2c2;
    -webkit-box-shadow: 2px 2px 10px #c2c2c2;
    box-shadow: 2px 2px 10px #c2c2c2;
    width: 270px;
    font-size: 11px;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px 20px 10px 0;
}

    .BreachCard:hover {
        -moz-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        -webkit-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        cursor: pointer;
    }

.BreachCardExtreme {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #c2c2c2;
    -webkit-box-shadow: 2px 2px 10px #c2c2c2;
    box-shadow: 2px 2px 10px #c2c2c2;
    width: 270px;
    font-size: 11px;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px 20px 10px 0;
}

    .BreachCardExtreme:hover {
        -moz-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        -webkit-box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        box-shadow: 1px 1px 5px #77611F, inset 2px 0 0 #a4906b;
        cursor: pointer;
    }


/*---BEGIN PATIENT HEALTH STREAM STYLE---*/

.phsOuter {
    z-index: 1000;
    position: absolute;
    top: 0px;
    right: 0;
    width: 250px;
    height: 800px;
    border-width: 0px;
    border-bottom: solid 1px #999999;
    background-color: #f2efe7;
    margin: 0px;
    overflow: hidden;
}

.phsDataList {
    width: 200px;
}
/*---DATA LIST---*/

.phsHeader {
    margin: 0px;
    border-top: solid 2px #DB6D2E;
    padding: 10px;
    text-align: center;
    background-color: #666666;
    color: white;
}
/*---HEADER---*/

.phsCard {
    background: #F0F0F0;
    background: -moz-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF));
    background: -webkit-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
    background: -o-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
    background: -ms-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
    background: linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#FFFFFF',GradientType=0 );
    border-radius: 5px;
    box-shadow: 0 0 5px #666666;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 5px #666666;
    -webkit-box-shadow: 0 0 5px #666666;
    visibility: hidden;
    width: 180px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    overflow: auto;
    border-bottom: solid 2px #1A75A1;
    padding: 10px;
    margin-right: 10px;
}

    .phsCard:hover {
        -webkit-box-shadow: 0 0 5px #77611F;
        box-shadow: 0 0 5px #77611F;
        background-color: #F4ECD5;
        cursor: pointer;
    }

.phsPhoto {
    width: 30px;
    height: 30px;
    vertical-align: top;
    padding-right: 10px;
    text-align: left;
    float: left;
}

.phsData {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    font-size: 11px;
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #a4906b;
    cursor: pointer;
    overflow: hidden;
    margin: 0px;
}

    .phsData:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2efe7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2efe7));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2efe7 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f2efe7 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f2efe7 100%);
        background: linear-gradient(top, #ffffff 0%,#f2efe7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2efe7',GradientType=0 );
    }

.phsDataExtreme {
    background: #f2e8e8;
    background: -moz-linear-gradient(top, #f2e8e8 0%, #e5b5b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e8e8), color-stop(100%,#e5b5b5));
    background: -webkit-linear-gradient(top, #f2e8e8 0%,#e5b5b5 100%);
    background: -o-linear-gradient(top, #f2e8e8 0%,#e5b5b5 100%);
    background: -ms-linear-gradient(top, #f2e8e8 0%,#e5b5b5 100%);
    background: linear-gradient(top, #f2e8e8 0%,#e5b5b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e8e8', endColorstr='#e5b5b5',GradientType=0 );
    font-size: 11px;
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: hidden;
    margin: 0px;
}

.phsGroupDDL {
    width: 230px;
}

.phsPatientName {
    font-weight: bold;
    font-size: 14px;
}

.spanBreachNONE {
    color: #1B75A2;
}

.spanBreachREGULAR {
    color: #DB6D2E;
}

.spanBreachEXTREME {
    color: #FF0000;
    font-weight: bold;
}

/*---END PATIENT HEALTH STREAM STYLE---*/

.Alert {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    border: solid 1px #CBC7C0;
    background-color: #FFFFFF;
    font-size: 12px;
}

    .Alert:hover {
        background-color: #F4F4F4;
    }

.Calendar .ajax__calendar_container {
    border: 1px solid #096491;
    background-color: #F2E7D1;
    color: #096491;
}

#MainContent_dlUserId {
    display: none;
}




/******************* Patient list ******************************/

.wrapper {
    float: left;
    left: 339px;
    width: 1002px;
}

.Row1 {
    float: left;
}

.PatientInfoCell {
    height: 350px;
    width: 270px;
    background-color: #F4F4F4;
    float: left;
    margin: 10px;
    padding: 10px;
}

.PatientHealthStreamCell {
    height: 350px;
    width: 270px;
    background-color: #EBEBEB;
    float: left;
    margin: 10px;
    padding: 10px;
}

.ActivityCell {
    height: 350px;
    width: 270px;
    background-color: #F4F4F4;
    float: left;
    margin: 10px;
    padding: 10px;
}

.Row2 {
    float: left;
}

.TrendCell {
    width: 620px;
    background-color: #F4F4F4;
    float: left;
    margin: 10px;
    padding: 10px;
}

.MedicationCell {
    height: 670px;
    width: 290px;
    background-color: #F4F4F4;
    float: left;
    margin: 10px;
    padding: 10px;
}

.MedicationContainer {
    padding: 12px;
    overflow: auto;
    height: 600px;
}

.MedicationData {
    margin-top: 5px;
    font-size: 11px;
}

.PatientImage {
    border: solid 1px #DCDCDC;
    background-color: #096491;
    margin-bottom: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.VitalSignsCell {
    margin-top: 8px;
}

.VitalSignsContainer {
    /*border:solid 1px #FFFFFF;
		background-color:#EBEBEB;*/
    overflow: auto;
    height: 208px;
}

.VitalSignsData {
    font-size: 10px;
}

    .VitalSignsData td {
        padding: 4px 6px 0px 0px;
    }

.PictureFrame {
    background-color: White;
    border: solid 1px #BCBCBC;
    padding: 4px;
    margin: 0 10px 10px 0;
    float: left;
}

.patient_tools {
    float: right;
    width: 124px;
}

.CellHeader {
    background-color: #CD5E1F;
    border-radius: 2px 2px 0 0;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 8px 5px 5px 10px;
    text-transform: uppercase;
}

.PatientName {
    color: #333333;
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 15px;
    float: left;
}

.phsDataList {
    overflow-y: scroll;
    /*height: 350px;*/
}

.phsData {
    font-size: 11px;
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: hidden;
    background-color: #EBEBEB;
    margin: 0px;
}

    .phsData:hover {
        background-color: #F4F4F4;
    }

.phsDataExtreme {
    font-size: 11px;
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: hidden;
    background-color: #FAF3E6;
    margin: 0px;
}

.phsData:hover {
    background-color: #F4F4F4;
}

.phsDataListContainer {
    height: 400px;
    overflow: auto;
    clear: both;
    margin-bottom: 30px;
}

.phsPhoto {
    width: 30px;
    height: 30px;
    vertical-align: top;
    padding-right: 10px;
    text-align: left;
    float: left;
}

.phsPatientName {
    font-weight: bold;
    font-size: 14px;
}

.spanBreachNONE {
    color: #1B75A2;
}

.spanBreachREGULAR {
    color: #DB6D2E;
}

.spanBreachEXTREME {
    color: #FF0000;
    font-weight: bold;
}

.todaysEvents td, .todaysEvents th {
    padding: 5px;
}

.todaysEventsContainer {
    height: 400px;
    overflow: auto;
    clear: both;
}

.todaysEventsRow {
    /*background-image:url(../images/rowBackground.jpg);
		color:#ffffff;*/
}

.todaysEventsRowSelected {
    /*background-image:url(../images/rowBackgroundToday.jpg);
		color:#ffffff;*/
}

.ChartContainer {
    overflow: auto;
    border: solid 3px #CD5E1F;
    min-width: 611px;
    background-color: #F2C3A8;
    padding: 3px;
}

#chart-line {
    margin-top: 20px;
}

.lineChart {
    display: none;
}

.FutureEventsKey {
    background-color: #096491;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: White;
    width: 120px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    overflow: auto;
    padding: 3px;
    margin: 10px 10px 10px 0;
    float: left;
}

.PastEventsKey {
    background-color: #A6CADA;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: White;
    width: 120px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    overflow: auto;
    padding: 3px;
    margin: 10px 10px 10px 0;
    float: left;
}

#MyHeader_btnPickPatient {
    float: right;
    margin: 0 0 0 10px;
}

#MyHeader_divWorkOrder {
    float: right;
    margin: 0 0 0 10px;
}

.MyPatientListCard {
    background: #F2EAD5;
    width: 1000px;
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: 2px 2px 12px #000;
    box-shadow: 2px 2px 12px #000;
    visibility: hidden;
}

/* PatientListCard */

.PatientListCard {
    background: #FDF9F8;
    width: 1000px;
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: 2px 2px 12px #000;
    box-shadow: 2px 2px 12px #000;
    visibility: hidden;
}

.PatientListCardClip {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.PatientListCard img {
    width: 140px;
    height: 130px;
}

.PatientListCard > span {
    display: block;
    height: 150px;
}


.disabledLink {
    cursor: text;
    color: #666666;
}

    .disabledLink:hover {
        cursor: text;
        color: #666666;
        text-decoration: none;
    }

.barIndicatorBorder {
    border: solid 1px #c0c0c0;
    width: 100px;
    height: 10px;
}

.barIndicator_poor {
    background-color: #B40404;
}

.barIndicator_weak {
    background-color: #FE2E2E;
}

.barIndicator_good {
    background-color: #4B8A08;
}

.barIndicator_strong {
    background-color: #4B8A08;
}

.barIndicator_excellent {
    background-color: green;
}

.collapsePanel {
    width: 950px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    background: #f2efe7;
    background: -moz-linear-gradient(top, #f2efe7 0%, #e6dfd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efe7), color-stop(100%,#e6dfd1));
    background: -webkit-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -o-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: -ms-linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    background: linear-gradient(top, #f2efe7 0%,#e6dfd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efe7', endColorstr='#e6dfd1',GradientType=0 );
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    -webkit-box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    box-shadow: 1px 1px 5px #c2c2c2, inset 2px 0 0 #a4906b;
    width: 940px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    overflow: auto;
    margin: 10px 20px 10px 0;
    color: #616D7E;
    border-color: #C48793;
}

.ShowHideButton {
    border: solid 1px #404040;
    font-family: Courier New;
    background-color: #808080;
    cursor: pointer;
}

.LabelStyle {
    font-weight: bold;
    background-color: White;
    font-size: medium;
    font-style: normal;
}


table.photos {
    border-collapse: collapse;
}

    table.photos tr td, table.photos tr th {
        padding: 5px 10px;
        background: #f1f1f1;
    }

        table.photos tr td img {
            padding: 5px;
            background: #ccc !important;
            overflow: hidden;
        }

        table.photos tr td input[type="image"] {
            padding: 5px;
            background: #ccc !important;
            overflow: hidden;
            border: 1px solid #fff;
        }

table.carepathway {
}

    table.carepathway td input[type="checkbox"] {
        width: 70px !important;
    }

    table.carepathway td label {
        width: 100% !important;
        text-align: left !important;
    }

table.carepathwayoptions td input[type="radio"] {
    left: 5px !important;
    top: 5px !important;
    text-align: left;
}

span.carepathwayrb label input[type="radio"] {
    width: 75px !important;
    left: 5px !important;
    top: 5px !important;
}

span.carepathwayrb label input[type="checkbox"] {
    width: 75px !important;
    left: 5px !important;
    top: 5px !important;
}

span.chkevents {
}

    span.chkevents input[type="checkbox"] {
        display: inline !important;
        position: relative !important;
        top: 5px !important;
        left: 26px !important;
        margin-right: 5px !important;
    }

span. input[type="radio"] {
    width: 60px !important;
    left: 12 !important;
    top: 5 !important;
}

panel.pnlPathways input[type="panel"] {
    left: 20px !important;
}

#ResMeasurement {
    margin: 0px !important;
    float: left !important;
}

.featured {
    margin: 10px 0;
    padding: 7px 4px;
    border: 2px dotted #090;
    background: #E8FCD9;
    color: #333;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* PHS Collapse/Expanse buttons*/
.RadSplitter_Default .rspPaneTabContainer, .RadSplitter_Default .rspSlideHeaderDockIcon, .RadSplitter_Default .rspSlideHeaderUndockIcon, .RadSplitter_Default .rspSlideHeaderCollapseIcon, .RadSplitter_Default .rspCollapseBarCollapse, .RadSplitter_Default .rspCollapseBarHorizontalCollapse {
    background-image: url('/../images/Collapse_phs.gif') !important;
    background-repeat: no-repeat;
}

.RadSplitter_Default .rspPaneTabContainer, .RadSplitter_Default .rspSlideHeaderDockIcon, .RadSplitter_Default .rspSlideHeaderUndockIcon, .RadSplitter_Default .rspCollapseBarExpand, .RadSplitter_Default .rspCollapseBarHorizontalExpand {
    background-image: url('/../images/Expand_phs.gif') !important;
    background-repeat: no-repeat;
}

.RadSplitter_Default .rspCollapseBarHorizontalCollapse {
    background-position: 0 !important;
}

.RadSplitter_Default .rspCollapseBarHorizontalExpand {
    background-position: 0 !important;
}

.RadSplitter .rspCollapseBarHorizontalExpand, .RadSplitter .rspCollapseBarHorizontalCollapse {
    height: 26px !important;
}


/* Pager */
.pager {
    height: 29px;
    padding: 50px 22px 20px 22px;
    float: left;
    text-align: center;
}

    .pager a, .pager a:link, active, visited {
        background: url('../../images/button_glas2.png') center center repeat-x #eeeeee;
        text-align: center;
        color: #333333;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 1px 0px 1px;
        border: 1px solid #dddddd;
        border-bottom: 1px solid #cccccc;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -ms-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        width: 22px !important;
    }

        .pager a:hover {
            color: #ed0c6e;
            text-decoration: none;
        }

    .pager .active {
        color: #DDDDDD !important;
        background: url('../../images/button_glas1.png') center center repeat-x #333333 !important;
    }

    .pager span {
        background: url('../../images/button_glas1.png') center center repeat-x #333333;
        border-width: 0px;
        line-height: 22px;
        width: 22px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        width: 22px !important;
    }

    .pager a.active:hover {
        color: #ed0c6e;
    }



#progressBackgroundFilter {
    filter: alpha(opacity=80);
    -ms-opacity: 0.8;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    position: fixed;
    text-align: center;
    color: #f1f1f1;
    background: #333 url('../../images/ajax-loader2_black.gif') 50% 50% no-repeat;
    background-position: center;
    -moz-animation: fadeIn 200ms;
    -ms-animation: fadeIn 200ms;
    -o-animation: fadeIn 200ms;
    -webkit-animation: fadeIn 250ms;
    animation: fadeIn 200ms;
    cursor: progress;
}

#progressMessage {
    position: relative;
    height: 50px;
    top: 55%;
    color: #EE5A11;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#progressBackgroundGridViewFilter {
    margin: auto;
    width: 50px;
    height: 50px;
    background-image: url('../../images/preloader_blue.gif');
    background-position: center;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.errorDiv {
    background-color: #FFCCCC; text-align: center; border: dashed 1px #FF0000; padding: 10px; margin-bottom: 5px;
}

.successDiv {
    background-color: #A0F7AC; text-align: center; border: dashed 1px #04B51B; padding: 10px; margin-bottom: 5px;
}
/*******************************/
/* CSS used in Reports Section */
/*******************************/


.reportPage .controlGroup > span {
    vertical-align: top;
    font-weight: bold;
    display: block;
    margin: auto;
    text-align: center;
}

.reportPage .filterControls .controlGroup {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    margin-right: 10px;
}

    .reportPage .filterControls .controlGroup.checkbox {
        display: block;
    }

.reportPage .filterControls .checkbox > label {
    font-weight: bold;
    vertical-align: middle;
}

.reportPage .multiselect {
    height: 13em;
    min-width: 200px;
}

.reportPage .datepickerGroup {
    width: auto;
}

.reportPage .datepicker {
    width: 250px;
    margin-bottom: 20px;
}

    .reportPage .datepicker > span {
        display: block;
    }

    .reportPage .datepicker > div {
        display: block;
        width: 60%;
        margin: auto;
    }

.reportPage .filterControls .btns {
    display: block;
    text-align: center;
}

.reportPage .gridView .centerHeader {
    text-align: center;
}

.reportPage .gridView .dateList > span {
    display: inline-block;
    line-height: 16px;
    border-width: 0px;
    font-size: 14px;
    font-family: arial;
    padding: 3px 13px 3px 13px;
    text-align: center;
}

.reportPage .gridView tr span[class*=flagLevel] {
    white-space: nowrap;
    -moz-transition: color 100ms;
    -o-transition: color 100ms;
    -webkit-transition: color 100ms;
    transition: color 100ms;
}

.reportPage .gridView tr:hover span.flagLevelLow {
    color: rgb(4, 4, 167);
    opacity: 0.8;
}

.reportPage .gridView tr:hover span.flagLevelHigh {
    color: rgb(155, 90, 39);
}

.reportPage .gridView caption {
    background-color: transparent;
    color: black;
    opacity: 0.9;
    font-size: small;
}

.headerLink {
    font-size: 1.1em;
    font-weight: bolder;
    color: #1b76a3;
    display: inline;
}

.reportPage h2 {
    text-align: center;
    margin: 20px;
}

.reportPage .filterControls.condensed {
    white-space: nowrap;
    margin-bottom: 20px;
}

    .reportPage .filterControls.condensed > * {
        margin: 0;
    }

    .reportPage .filterControls.condensed .btns {
        margin-top: 15px;
        display: inline-block;
    }

    .reportPage .filterControls.condensed .datepicker {
        width: 100px;
    }

        .reportPage .filterControls.condensed .datepicker .RadPicker {
            width: 100%;
        }

.reportList {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    text-align: center;
    font: 16px arial;
    margin-top: 5%;
}

    .reportList > ul > li {
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        display: block;
        margin-bottom: 10px;
    }

    .reportList li {
        list-style: none;
    }

    .reportList span {
        font-size: 1.5em;
        color: #1b76a3;
        display: block;
        padding-top: 5px;
    }

    .reportList a {
        color: rgba(0,0,0,0.8);
        text-decoration: none;
        display: inline-block;
        border-bottom: transparent 1px inset;
        margin-bottom: 3px;
        -moz-transition: border 500ms;
        -o-transition: border 500ms;
        transition: border 500ms;
        cursor: pointer;
        -webkit-transition: border 100ms, color 100ms;
    }

        .reportList a:hover {
            border-bottom: #1b76a3 1px inset;
            color: steelblue;
        }

    .reportList .slideUp {
        -moz-animation: slideUp 250ms;
        -o-animation: slideUp 250ms;
        animation: slideUp 250ms;
        -webkit-animation: slideUp 250ms;
    }



/**************************************/
/* End of CSS used in Reports Section */
/**************************************/

/**************************************/
/*          Custom Controls           */
/**************************************/

.pdfButton, .printButton {
    float: right;
    top: 10px;
    width: 30px;
    height: 30px;
}

/**************************************/
/* End of CSS used in Custom Controls */
/**************************************/

table.datalist {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
}

    table.datalist th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

    table.datalist td {
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #a9c6c9;
        white-space: nowrap;
    }

.popup {
    background-color: #f7f5f0;
    background-image: url(../../images/bck_header.png);
    background-repeat: repeat-x;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 15px black;
    box-shadow: 5px 5px 15px black;
    overflow: hidden;
}

    .popup > * {
        margin: 20px;
    }

    .popup h6 {
        margin: 0;
        padding: 15px;
        color: white;
        border-radius: 5px 5px 0 0;
        background-color: #00539f;
    }

table.filterControls thead tr {
    text-align: center;
}

.watermark {
    color: lightgrey;
}

/********************************************/
/*                GridView                  */
/********************************************/
.gridView span {
    vertical-align: top;
    margin-right: 5px;
}

.rowTagIconGroup {
    white-space: nowrap;
}

.rowTagIcon {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.gridView table td:hover > span {
    cursor: inherit;
}

.gridViewPager td > * {
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -ms-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
}

.gridViewPager td:hover > a {
    background-color: rgba(10, 46, 63, 0.2);
    color: #1b76a3;
}

.gridView tr {
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -ms-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
}

.gridViewRow:hover, .gridViewAlternatingRow:hover {
        color: black;
        white-space: initial;
}

.deleted {
    text-decoration: line-through;
    color: grey;
}

.gridViewRow {
}

.gridViewAlternatingRow {
}

.gridViewHeader > th {
    color: #00A5C4 !important;
}

.gridViewFooter {
}

.gridViewHeaderSortAsc::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    float: right;
    background: url(../../images/arrow_down.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.gridViewHeaderSortDesc::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    float: right;
    background: url(../../images/arrow_up.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.gridViewCellSortAsc {
}

.gridViewCellSortDesc {
}

.emptyGridView, .emptyDetailsView {
    margin: auto;
    padding: 20px;
    text-align: center;
    font-size: 1.5em;
    color: grey;
    position: relative;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
    -moz-animation: fadeIn 500ms, slideUp 500ms;
    -o-animation: fadeIn 500ms, slideUp 500ms;
    -webkit-animation: fadeIn 500ms, slideUp 500ms;
    animation: fadeIn 500ms, slideUp 500ms;
}


/********************************************/
/*                DropDownList              */
/********************************************/

.dropDownList {
    border: solid 1px #B6AD9E;
    -moz-transition: border-color 300ms;
    -o-transition: border-color 300ms;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
}

.dropDownList:focus {
    border-color: #00A5C4;
}

/********************************************/
/*                   TextBox                */
/********************************************/

.textBox {
    border: outset 1px #B6AD9E;
    -moz-transition: border-color 300ms;
    -o-transition: border-color 300ms;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
}

.textBox:focus {
    border-color: #00A5C4;
}

/* photo screen */




/********************************************/
/*              Animations                  */
/********************************************/
@keyframes slideUp {
    from {
        top: 10px;
    }

    to {
        top: 0px;
    }
}

@-webkit-keyframes slideUp {
    from {
        top: 10px;
    }

    to {
        top: 0px;
    }
}

@keyframes slideDown {
    from {
        max-height: 0px;
    }

    to {
        max-height: 9999px;
    }
}

@-webkit-keyframes slideDown {
    from {
        max-height: 0px;
    }

    to {
        max-height: 9999px;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.8;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.8;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.8;
    }
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* Ticker Styling */
.ticker-wrapper.has-js {
	margin: 20px 0px 20px 0px;
	padding: 0px 20px;
	width: 920px;
	height: 32px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #f8f0db;
	font-size: 10px;
}
.ticker {
	width: 840px;
	height: 32px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #f8f0db;
}
.ticker-title {
	padding-top: 9px;
	color: #990000;
	font-weight: bold;
	background-color: #f8f0db;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #1F527B;
	font-weight: bold;
	background-color: #f8f0db;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #f8f0db;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #f8f0db;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}
.visualize 		{ position: absolute; left: 0px; top: 0px; }
.chart-wrap		{ /* min-height: 420px;*/ padding: 430px 0px 10px 0px; position: relative; }
.visualize1		{ float: none; width: 100%;}
.visualize2		{ float: none; width: 100%;}
.visualize3		{ float: none; width: 100%;}
.visualize4		{ float: none; width: 100%;}
.visualize1 td,
.visualize2 td,
.visualize3 td,
.visualize4 td		{ width: 7%; }

.visualize-T1					{ display: none; float: none; width: 100%; }
.visualize-T2					{ display: none; float: none; width: 100%; }
.visualize-T3					{ display: none; float: none; width: 100%; }

.thick .visualize-labels-x 			{ z-index: 110; }
.thick .visualize-labels-x li:hover		{ cursor: pointer; background: url('../images/bck_black_5.png'); }
.thick .visualize-labels-x li .label		{ white-space: nowrap; text-indent: -9999px; background: url('../images/chart-x.gif') top center no-repeat; padding: 0px 10px 0px 5px; margin-left: -7px; }
.thick .visualize-labels-x li:hover .label	{ text-indent: 0px; background: none #FFFFFF; z-index: 10; }
.thick-line .visualize-labels-x li		{ width: 10px; margin-left: -5px; }
.thick-line .visualize-labels-x li .label 	{ min-width: 100%; padding-left: 5px; padding-right: 15px;}
.thick-line .visualize-labels-x li:hover .label { padding-right: 5px; }


/* DASHBOARD CAHRT - example of size and positioning chart customization */
 
 .dashboard_chart .chart-wrap 		{ padding: 0px; margin-bottom: 20px;} 
 .dashboard_chart .visualize-title	{ font-size: 18px !important; }
 .dashboard_chart div.visualize		{ padding: 63px 30px 90px 40px; border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD; float: none; position: relative; }
 .dashboard_chart .visualize-labels-x, 
 .dashboard_chart .visualize-labels-y	{ top: 63px; }
 .visualize_dashboard			{ display: none; }

/* demo styles */

table.visalize		{ float: left; height: 200px; margin-left: 30px; }
table.accessHide 	{ position: absolute; left: -999999px; }

/* visualize extension styles */

div.visualize 		{ margin: 60px 0 0 30x; padding: 70px 40px 90px; background: #FFFFFF; border: 1px solid #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px; float: left; }
.visualize canvas 	{ border: 1px solid #DDDDDD; display: block; margin: -1px; background: #fff; }
.visualize-title canvas { border: 0px none; display: block; margin: 0px; background: none; }

.visualize-labels-x, 
.visualize-labels-y 			{ top: 70px; left: 40px; z-index: 100; }
.visualize-labels-y li span.label 	{ width: auto; }

.visualize-pie .visualize-labels 	{ position: absolute; top: 70px; left: 40px; }
.visualize-labels-x li span.label, 
.visualize-labels-y li span.label 	{ color: #444; font-size: 11px; padding-right: 5px; }
.visualize-labels-y li span.line 	{ border-style: solid;  opacity: .7; }
.visualize .visualize-info 			{ border: 0; position: static;  opacity: 1; background: none; }
.visualize .visualize-title 		{ position: absolute; top: 20px; color: #333; margin-bottom: 0; left: 20px; font-size: 24px; font-weight: bold; }
.visualize ul.visualize-key 		{ position: absolute; bottom: 15px; background: #eee; z-index: 10; padding: 10px 0; color: #aaa; width: 100%; left: 0;  }
.visualize ul.visualize-key li 		{ font-size: 1.2em;  margin-left: 20px; padding-left: 18px; }

.visualize ul.visualize-key .visualize-key-color 	{ width: 10px; height: 10px;  margin-top: -4px; }
.visualize ul.visualize-key .visualize-key-label 	{ color: #333; }


/*plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 3px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 1px 2px 3px 0;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { text-indent: -5000px; opacity: 0.85; filter:alpha(opacity=85); display: block; width: 14px; height: 14px; background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 1.00; filter:alpha(opacity=100); }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -63px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0;  clear: left; margin: 4px 0 0 1px; }

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	text-align: left;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */
.fancybox-ie .fancy-bg { background: transparent !important; }


.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}