/* BODY/CONTAINER */

body
{
	-webkit-text-size-adjust: none;
	width:100%;
	padding:0;
	margin:0;
	background-image:none;
}

#container
{

}

/* SHELL WINDOW */

#shell
{
	position:absolute;
	top:-100%;
	/*top:0;*/
	width:100%;
	display:none;
	z-index:99;
}

/* SHELL BAR */

#shell #shell-bar
{
	height:32px;
	height:32px;
	background-image:url(../images/shell/shellbar-bkg.png);
	position:relative;
}

#shell #shell-bar table
{
	width:100%;
	height:32px;
    border:0;
    padding:0;
    margin:0;
    border-spacing: 0px;
    border-collapse: collapse;
}

#shell #shell-bar table td#left
{
	text-align:left;
}
#shell #shell-bar table td#right
{
	text-align:right;
}
#shell #shell-bar table td#center
{
	text-align:center;
}

#shell #shell-bar a
{
	display: block;
    width:32px;
    height:32px;
}

#shell #shell-bar a:focus,
#shell #shell-bar a:active
{
	outline:0;
}

#shell #shell-bar table td#left a
{
	float:left;
}

#shell #shell-bar table td#right a
{
	float:right;
}

#shell #shell-bar form#shell-logout-form
{

}

#shell #shell-bar a#shell-logout-action
{
    background-image:url(../images/shell/shellbar-logoff.png);
    background-position:center center;
    background-repeat:no-repeat;
}

#shell #shell-bar a#shell-config-action
{
    background-image:url(../images/shell/shellbar-cnf.png);
    background-position:center center;
    background-repeat:no-repeat;
}

#shell #shell-bar a#shell-user-action
{
    background-image:url(../images/shell/shellbar-user.png);
    background-position:center center;
    background-repeat:no-repeat;
}

/* SHELL DESKTOP */

#shell #desktop
{
	width:100%;
	height:100%;
	overflow-x:hidden !important;
	overflow-y:auto;
}

#shell #desktop .app-container
{
	width:80px;
	min-height:80px;
	float:left;
	margin:10px 10px 0px 10px;
	position:relative;
}

#shell #desktop .app-container a
{
	display:block;
	width:auto;
	margin:0 auto;
	position:relative;
}

#shell #desktop .app-container a:focus,
#shell #desktop .app-container a:active
{
	outline:0;
}

#shell #desktop .app-container a.app-icon
{
	width:48px;
	height:48px;
	padding-top:20px;	
}
#shell #desktop .app-container a.app-icon:hover
{	
    background-image:url(../images/shell/icon-new-window.png);
    background-position:center 0px;
    background-repeat:no-repeat;
}
#shell #desktop .app-container a.app-icon div.img-container
{
    width: 48px;
    height: 48px;
    line-height:48px;
    text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0px 10px 50px #444444;
	box-shadow: 0px 10px 50px #444444;
	/*-webkit-box-shadow: 0px 10px 50px #444444;*/
}
#shell #desktop .app-container a.app-icon div.img-container img
{
	max-width:32px;
	max-height:32px;
	vertical-align:middle;
}

#shell #desktop .app-container a.app-denomination
{
	width:100%;
	height:auto;
	text-align:center;
	font-weight:bold;
	color:white;
	margin:10px 0 0 0;
	text-decoration:none;
	padding-bottom:20px;
	text-shadow:1px 1px 1px black;
}
#shell #desktop .app-container a.app-denomination:hover
{
    background-image:url(../images/shell/icon-same-window.png);
    background-position:center bottom;
    background-repeat:no-repeat;
}
#shell #desktop .app-container a.app-denomination.active
{
    background-image:url(../images/shell/icon-same-window.png);
    background-position:center bottom;
    background-repeat:no-repeat;
}

/* APPLICATION WINDOW */

#window
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#fafafa;
	z-index:100;
}

/* APPLICATION MENU (TOP) */

#window #menu-bar
{
	height:32px;
	background-image:url(../images/menu/appbar/appbar-bg.png);
	position:relative;
}

#window #menu-bar a#mask:focus,
#window #menu-bar a#mask:active
{
	outline:0;
}

#window #menu-bar a#mask
{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	background-image:url(../images/masks/white-20.png);
}
#window #menu-bar a#mask:hover
{
	background-image:url(../images/masks/white-10.png);
}

#window #menu-bar a
{
	font-size:13px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

#window #menu-bar #menu-options
{
	position:absolute;
	top:0;
	right:0;
	width:64px;
	height:32px;
}

#window #menu-bar #menu-options a
{
    width:32px;
    height:32px;
}

#window #menu-bar #menu-options a:focus,
#window #menu-bar #menu-options a:active
{
	outline:0;
}

#window #menu-bar #menu-options form#app-logout-form
{
	position:absolute;
	top:0;
    right:64px;
}
#window #menu-bar #menu-options a#app-logout-action
{
    background-image:url(../images/menu/logout.png);
    background-position:center center;
    background-repeat:no-repeat;
}

#window #menu-bar #menu-options a#new-tab
{
	position:absolute;
	top:0;
    right:32px;
    background-image:url(../images/menu/appbar/appbar-new.png);
    background-position:center center;
    background-repeat:no-repeat;
}

#window #menu-bar #menu-options a#toggle-shell
{
	position:absolute;
	top:0;
    right:0px;
    background-image:url(../images/menu/appbar/appbar-shell.png);
    background-position:center center;
    background-repeat:no-repeat;
}

/* navigation history */

#window #menu-bar #app-navigation
{
	position:absolute;
	top:0;
	left:0;
	height:32px;
	overflow:hidden;
}

#window #menu-bar #app-navigation ul
{
	list-style:none;
	height:32px;
}

#window #menu-bar #app-navigation li
{
	float:left;		
	display:block;
	background-image:url(../images/menu/history/appbar-history.png);
	background-repeat:no-repeat;
	background-position:right;
	height:32px;
	min-width:48px;
}

#window #menu-bar #app-navigation li.last
{
	background-image:url(../images/menu/history/appbar-history-last.png);
	/*min-width:24px;*/
}

#window #menu-bar #app-navigation li a
{
	padding: 0px 25px 0px 2px;
	color:white;
	height:32px;
	line-height:32px;
	overflow:hidden;
	word-wrap: break-word;
	/*word-break:break-all;*/
}
/*#window #menu-bar #app-navigation li a:hover
{
	background:url(../images/icons/active.png) no-repeat scroll; 
}*/

#window #menu-bar #app-navigation li a:focus, #window #menu-bar #app-navigation li a:active
{
	outline:0;
}

#window #menu-bar #app-navigation li a.icon
{
	padding-left:6px;
}
#window #menu-bar #app-navigation li a.icon:hover
{

}

#window #menu-bar #app-navigation li.last a
{
	padding-right: 20px;
}

#window #menu-bar #app-navigation li a.visible-link
{
	background:url(../images/icons/active.png) no-repeat scroll center bottom transparent;
}

#window #menu-bar #app-navigation li a.disabled-link
{
	color:#5E6160;
}

/* SLIDER (PANELS CONTAINER) */

#window #slider
{
	width:   100%;
	min-height:530px;
	padding: 0;
	margin:  0;
	position:relative;
	left:0;
	overflow:hidden;
}

/* PANELS */

#window #slider .panel
{
	background-color:#ffffff;
	background-image:url(../images/panel/separator.gif);
	background-position:right 32px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 2px 0 1px;
	position:absolute;
	top:0;
	height:inherit;
}

/* PANEL TITLE & TOOLBAR */

#window #slider .panel .panel-title-bar
{
	width: 100%;
	height: 30px;
	overflow:hidden;
	padding:0 1px;
	text-align:center;
	background-image:url(../images/panel/panel-top.png);
	background-position:left 0px;
	background-repeat:repeat-x;
	cursor:pointer;
}

#window #slider .panel .panel-title-bar-options
{
	background-image:url(../images/panel/panel-top-options.png);
	height:60px;
}

#window #slider .panel .panel-title-bar table
{
    width:100%;
    min-height:30px;
    border:0;
    padding:0;
    margin:0;
    border-spacing: 0px;
    border-collapse: collapse;
}

#window #slider .panel .panel-title-bar table td
{
	padding:0;
	margin:0;
	vertical-align:middle;
}

#window #slider .panel .panel-title-bar td.center
{

}

#window #slider .panel .panel-title-bar .title
{
	height: 30px;
	line-height: 30px;
	vertical-align:middle; 
	font-size:1.3em;
	font-weight:bold;
	color:white;
	margin:0 auto;
	text-shadow:0 1px 0 black;
	overflow:hidden;
	word-wrap: break-word;
	/*word-break:break-all;*/
}

#window #slider .panel .panel-title-bar table td.left-toolbar
{
	width:30px;
}

#window #slider .panel .panel-title-bar table td.right-toolbar
{
	width:30px;
}

#window #slider .panel .panel-title-bar table td .tool
{
	text-decoration:none;
	display:block;
	width:25px;
	height:30px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
}

#window #slider .panel .panel-title-bar table td .tool-off
{
	opacity:0.35;
    -moz-opacity: 0.35;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
}

#window #slider .panel .panel-title-bar table td .tool:active, #window #slider .panel .panel-title-bar table td .tool:focus
{
	outline:0;
}

#window #slider .panel .panel-title-bar table td a.nav-prev
{
	background-image:url(../images/panel/panel-previous.png);
    float:left;
    margin-left:2px;
    display:none;
}

#window #slider .panel .panel-title-bar table td a.nav-next
{
	background-image:url(../images/panel/panel-next.png);
    float:right;
    margin-right:2px;
    display:none;
}

#window #slider .panel .panel-title-bar table td a.reload
{
	background-image:url(../images/panel/panel-reload.png);
}

#window #slider .panel .panel-title-bar table td a.rawedit
{
	background-image:url(../images/panel/panel-rawedit.png);
}

#window #slider .panel .panel-title-bar table td a.maximize
{
	background-image:url(../images/panel/panel-maximize.png);
    float:right;
}

#window #slider .panel .panel-title-bar table td a.normalsize
{
	background-image:url(../images/panel/panel-minimize.png);
    float:right;
}

#window #slider .panel .panel-title-bar table td a.new-tab
{
	background-image:url(../images/panel/panel-newpanel.png);
    float:left;
}

#window #slider .panel .panel-title-bar table td a.query
{
	background-image:url(../images/panel/panel-query.png);
}

#window #slider .panel .panel-title-bar table td a.response
{
	background-image:url(../images/panel/panel-eye.png);
}

#window #slider .panel .panel-title-bar table td a.params
{
	background-image:url(../images/panel/panel-i.png);
}

#window #slider .panel .panel-title-bar table td a.xsl
{
	background-image:url(../images/panel/panel-xsl.png);
}

/* PANEL HEADER */

#window #slider .panel .panel-header
{
	width:100%;
    overflow:auto;
    position:relative; 
}

#window #slider .panel .panel-header form.header-form
{
	padding:20px 0;
	border-bottom:1px solid #CCC;
}

#window #slider .panel .panel-header form.header-form table
{
	margin:0 auto;
}

#window #slider .panel .panel-header form.header-form table .input-text-small
{
	width:45%;
	margin-right:1%;
}


#window #slider .panel .panel-header form.header-form table .input-submit-save
{
    margin-top:0px;
}

/* PANEL BODY */

#window #slider .panel .panel-body
{
	width: 100%;
	overflow:auto;
	position:relative;
}

#window #slider .panel .panel-body .touch-scrollbar
{
	display:none;
	position:absolute;
	width:10px;
	background:black;
	-webkit-border-radius:7px;
	opacity:0.6;
    -moz-opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* PANEL BODY LOADER */

#window #slider .panel .panel-loader, #window #slider .panel .panel-header-loader, #window #slider .panel .panel-body-loader
{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	background-image:url(../images/masks/white.png);
	display:none;
}

#window #slider .panel .panel-loader .flower, #window #slider .panel .panel-header-loader .flower, #window #slider .panel .panel-body-loader .flower
{
	width:100%;
	height:100%;
	background-image:url(../images/loaders/flower-gray.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
}

/* TABS */

#window #slider .panel .panel-body .tab
{
	/*display:none;*/
}

/* GENERIC BLOCKS */

#window #slider .panel .panel-body .block
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:4px;
}

#window #slider .panel .panel-body .block .title
{
	height:30px;
	line-height:30px;
	background-color:#9b9b9b;
	color:#fff;
	padding-left:20px;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
}

/* NAVIGATION BLOCKS */

#window #slider .panel .panel-body .block-nav
{

}

#window #slider .panel .panel-body .block-nav-bottom
{
	clear:both !important;
	border-top:1px solid #aaa;
}

/* navigation items */
#window #slider .panel .panel-body .block-nav .items
{
	width:100%;
	height:30px;
	line-height:30px;
	position:relative;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
}

#window #slider .panel .panel-body .block-nav .items .icon
{
	height:30px;
	position:absolute;
	left:0;	
	top:0;
	width:30px;
}
#window #slider .panel .panel-body .block-nav .items .icon > *
{
	position:relative;
	left:6px;
	top:4px;
}
#window #slider .panel .panel-body .block-nav .items .icon > input[type=checkbox]
{
	position:relative;
	left:6px;
	top:0px;
}
#window #slider .panel .panel-body .block-nav .items .icon > img
{
	max-width:16px;
	max-height:16px;
}
#window #slider .panel .panel-body .block-nav .items .label
{
	position:absolute;
	left:30px;
	top:0;
	height:30px;
	line-height:30px;
	display:inline-block;	
	overflow:hidden;
	letter-spacing:0.02em;
}
#window #slider .panel .panel-body .block-nav .items .info
{
	position:absolute;
	right:26px;
	top:0;
	height:30px;
	line-height:30px;
	display:inline-block;
	overflow:hidden;
	color:#777777;
	text-align:right;
}
#window #slider .panel .panel-body .block-nav .items .nav-arrow
{
	position:absolute;
	right:0;
	top:0;
	width:26px;
	height:30px;
	line-height:30px;
	background-image:url("../images/icons/navigation/arrow-black.png");
	background-position:11px center;
	background-repeat:no-repeat;
}

/* hover */
#window #slider .panel .panel-body .block-nav .items.hover
{
	background-color:#969899;
	color:white;
	cursor:pointer;
}

#window #slider .panel .panel-body .block-nav .items > .hover
{
	color:white;
}

#window #slider .panel .panel-body .block-nav .items > .nav-arrow.hover
{
	background-image:url(../images/icons/navigation/arrow-white.png);
}

/* selected */
#window #slider .panel .panel-body .block-nav .items.selected
{
	background-color:#969899 !important;
	color:white !important;
	cursor:default !important;
}

#window #slider .panel .panel-body .block-nav .items > .selected
{
	color:white !important;
}

#window #slider .panel .panel-body .block-nav .items > .nav-arrow.selected
{
	background-image:url(../images/icons/navigation/arrow-white.png);
}

/* misc : subitems => tab */
#window #slider .panel .panel-body .block-nav .items.subitems .icon
{
	left:29px;
}

#window #slider .panel .panel-body .block-nav .items.subitems .label
{
	left:60px;
}

/* misc : static (no nav) */
#window #slider .panel .panel-body .block-nav .items.static .info
{
	right:6px;
}

/* navigation items : actions */
#window #slider .panel .panel-body .block-nav .items .actions-block a
{
    display:block;
    width:16px;
    height:16px;    
    text-decoration:none;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-label
{
    margin-right:8px;
    float:right;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block
{
    float:right;
}

/* actions : icon (left) area */
#window #slider .panel .panel-body .block-nav .items .icon .actions-block a
{
    margin:2px 0px 0px 0px;
}

#window #slider .panel .panel-body .block-nav .items .icon .actions-block a.checked
{
	background-image: url(../images/icons/tasks/checked.png);
    background-repeat:no-repeat;
    background-position:center center;
}

/*#window #slider .panel .panel-body .block-nav .items .icon .actions-block a.checked:hover
{
	background-image: url(../images/icons/tasks/checked-over.png);
    background-repeat:no-repeat;
    background-position:center center;
}*/

#window #slider .panel .panel-body .block-nav .items .icon .actions-block a.unchecked
{
	background-image: url(../images/icons/tasks/check.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/*#window #slider .panel .panel-body .block-nav .items .icon .actions-block a.unchecked:hover
{
	background-image: url(../images/icons/tasks/check-over.png);
    background-repeat:no-repeat;
    background-position:left center;
}*/

#window #slider .panel .panel-body .block-nav .items .info .actions-block a
{
    margin:7px 0px 0px 0px;
}
#window #slider .panel .panel-body .block-nav .items .info .actions-block a:focus, #window #slider .panel .panel-body .block-nav .items .info .actions-block a:active
{
    outline:0;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.link-action
{
	background-image: url(../images/buttons/add/gray.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.link-action:hover
{
	background-image: url(../images/buttons/add/black.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.link-action.confirm
{
	background-image: url(../images/buttons/add/black.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.unlink-action
{
	background-image: url(../images/buttons/remove/gray.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.unlink-action:hover
{
	background-image: url(../images/buttons/remove/red.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.unlink-action.confirm
{
	background-image: url(../images/buttons/remove/black.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.delete-action
{
	background-image: url(../images/buttons/remove/remove-gray.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.delete-action:hover
{
	background-image: url(../images/buttons/remove/remove-red.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.delete-action.confirm
{
	background-image: url(../images/buttons/remove/remove-orange.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/* draggable items (hand instead of navigation arrow) */
#window #slider .panel .panel-body .block-nav .items.draggable
{
	cursor:move !important;
	background-color:#fff;
}

#window #slider .panel .panel-body .block-nav .items.draggable .nav-arrow
{
	background-image:url(../images/icons/draggable.png);
	background-position:7px center;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	position:absolute;
	right:0;
	top:0;
	width:26px;
}

#window #slider .panel .panel-body .block-nav .items.nav-draggable .drag-handle
{
	background-image:url(../images/icons/grip.png);
	background-position:7px center;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	width:22px;
	float:right;
	cursor:move;
}

#window #slider .panel .panel-body .block-nav .items.dragged
{
   	
   	border-top:1px solid #ccc !important;
   	border-bottom:1px solid #ccc !important;
   	background-color:#fff !important;
}

#window #slider .panel .panel-body .block-nav .items.dragged .label
{
	color:black !important;
}

#window #slider .panel .panel-body .block-nav .items.dragged-placeholder
{
    background-color: #eeeeee !important;
}

/* misc : 50/50 width */
#window #slider .panel .panel-body .block-nav .items.items-50-50 .label
{
	width:50%
}

#window #slider .panel .panel-body .block-nav .items.items-50-50 .info
{
	width:50%
}

#window #slider .panel .panel-body .block-nav .items.additem .info
{
	color:black;
}

/* OBSOLETE - TO REMOVE!!! */
#window #slider .panel .panel-body .block-nav .items .info .actions-block a.mark
{
	background-image: url(../images/icons/tasks/flag-inactive.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.mark:hover
{
	background-image: url(../images/icons/tasks/flag.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.unmark
{
	background-image: url(../images/icons/tasks/flag.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window #slider .panel .panel-body .block-nav .items .info .actions-block a.unmark:hover
{
	background-image: url(../images/icons/tasks/flag-over.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/* misc : more... */
.items.info
{
	background-color:#eeeeee;
}

.items.info .label
{
	color:#666666;
}

.items.warning
{
	background-color:red;
}

.items.warning .label
{
	color:white;
}

.items.grey-bkgnd
{
	background-color:#eee;
}

/* misc : no navigation arrow */
#window #slider .panel .panel-body .block-nav .items.no-nav .nav-arrow
{
	background-image:none;
}

/* misc: */
#window #slider .panel .items-static-header
{
	border-bottom:1px solid #cccccc;
	padding:5px 0 10px 0;
}

#window #slider .panel .items-static-header h2
{
	margin:10px 0px 5px 10px;
	background-position:left 0;
	background-repeat:no-repeat;
	padding:9px 0 8px 40px;
	min-height:18px;
}

#window #slider .panel .items-static-header p
{
	padding:5px 18px;
}

/* PAGER */

#window #slider .panel .items.pager
{
    background-color:#eee;
    text-align:center;
}

#window #slider .panel .items.pager table
{
    width:100%;
    border:0;
    padding:0;
    margin:0;
    border-spacing: 0px;
    border-collapse: collapse;
}

#window #slider .panel .items.pager table td.items-pager-first
{
    width:32px;
    height:16px;
}
#window #slider .panel .items.pager table td.items-pager-first > a
{
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/icons/browse/browse-first.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin:auto;
}

#window #slider .panel .items.pager table td.items-pager-previous
{
    width:32px;
    height:16px;
}
#window #slider .panel .items.pager table td.items-pager-previous > a
{
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/icons/browse/browse-previous.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin:auto;
}

#window #slider .panel .items.pager table td.items-pager-count
{
    height:16px;
}

#window #slider .panel .items.pager table td.items-pager-next
{
    width:32px;
    height:16px;
}
#window #slider .panel .items.pager table td.items-pager-next > a
{
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/icons/browse/browse-next.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin:auto;
}

#window #slider .panel .items.pager table td.items-pager-last
{
    width:32px;
    height:16px;
}
#window #slider .panel .items.pager table td.items-pager-last > a
{
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/icons/browse/browse-last.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin:auto;
}

/* DETAILS BLOCKS */

#window #slider .panel .panel-body .block-details
{
	width:74%;
	margin:0 0% 0 3%;
	float:left;
	font-size:0.8em;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	position:relative;
}

#window #slider .panel .panel-body .block-details.extra-wide
{
	width:94% !important;
	float:none !important;
}

#window #slider .panel .panel-body .block-details h1
{
	color:black;
	font-family:inherit;
	font-size:14px;
	margin-top:10px;
	text-transform:uppercase;
	margin-left:20px;
}

#window #slider .panel .panel-body .block-details h2
{
    margin:20px 0;
    padding:3px 0 0 20px;
}

#window #slider .panel .panel-body .block-details p
{
	margin-left:0px;
}

#window #slider .panel .panel-body .block-details p.margined-top
{
	margin-top:10px;
}

/* (image) preview*/

#window #slider .panel .panel-body .block-details-preview
{
    float:right;
    min-width: 100px;    
	width:21%;
	float:right; 
	margin:0px 1px 15px 0;
	text-align:center;
}

/* jQuery tabs */

#window #slider .panel .panel-body .block-details .tab li.ui-tabs-selected a
{
	font-weight:bold;
}

/* jQuery sections */

#window #slider .panel .panel-body .block-details .sections-list
{
	font-size:1.1em;
    list-style-type:none;
}

#window #slider .panel .panel-body .block-details .section-content
{
	padding:0 10px 10px 25px;
}

#window #slider .panel .panel-body .block-details .section-header
{
	border-top:1px solid #E6E6E6;
	padding:10px 0 8px;
	width:100%;
}

#window #slider .panel .panel-body .block-details .section-header h3
{
	background:transparent url(../images/icons/closed.gif) no-repeat scroll left center;
	cursor:pointer;
	line-height:1;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}

#window #slider .panel .panel-body .block-details .header-open h3
{
	background:transparent url(../images/icons/open.gif) no-repeat scroll left center;
}

#window #slider .panel .panel-body .block-details .section-header h3 a
{
	text-decoration:none;
	color:#222222;
}

/* form elements */

#window #slider .panel form label
{
	margin-left:10px;
}

#window #slider .panel form .required
{
	border-color:red !important;
	background-color:#ffddbf !important;
    border-style:ridge;
}

#window #slider .panel form .input-checkbox
{
	padding:0;
	margin:0;
}

#window #slider .panel .icon .input-checkbox
{
	padding:0;
	margin:0;
	position:relative;
	top:-3px;
}

#window #slider .panel form .input-select
{
	width:100%;
    margin:0;
    height:20px;
}
#window #slider .panel form .input-select-small
{
	width:50%;
	margin:0;
	height:20px;
}
#window #slider .panel form .input-select-tiny
{
	width:25%;
	margin:0;
	height:20px;
}

#window #slider .panel form .input-date
{
    width:50%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form img.ui-datepicker-trigger
{
	cursor: pointer;
	position:relative;
	right:18px;
	top:4px;
    min-width:16px;
}

#ui-datepicker-div
{
	font-size:0.9em;
	z-index:10000;
}

#window #slider .panel form .input-file
{
	min-height:20px;
}

#window #slider .panel form .input-text
{
    width:98%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}
#window #slider .panel form .input-text-cropped
{
    width:85%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form .input-text-small
{
    width:50%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form .input-textarea-extrahigh
{
    width:98%;
    height:300px;
	border:1px solid #3D3D3D;
	padding:4px 0 4px 7px;
}
#window #slider .panel form .input-textarea-high
{
    width:98%;
    height:160px;
	border:1px solid #3D3D3D;
	padding:4px 0 4px 7px;
}

#window #slider .panel form .input-textarea
{
    width:98%;
    /*height:80px;*/ /* comment becuz of the use of the autoresize plugin */
	border:1px solid #3D3D3D;
	padding:4px 0 4px 7px;
}

#window #slider .panel form .input-number
{
    width:50%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form .input-number-small
{
    width:10%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form .input-number-big
{
    width:98%;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 7px;
}

#window #slider .panel form .input-fetch
{
    width:90%;
	background-image:url(../images/icons/search/search-info-16.png);
	background-position:2px 5px;
	background-repeat:no-repeat;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 22px;
}

#window #slider .panel form .input-fetch-small
{
    width:50%;
	background-image:url(../images/icons/search/search-info-16.png);
	background-position:2px 5px;
	background-repeat:no-repeat;
	border:1px solid #3D3D3D;
	height:18px;
	padding:4px 0 2px 22px;
}

#window #slider .panel form .input-submit-save,
#window #slider .panel .button
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid #969899;
	color:white;
	font-weight:bold;
	padding:5px 4px 5px 4px;
	background:#969899;
	cursor:pointer;
	margin-top:10px;
}

#window #slider .panel form .input-submit-disabled
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid #969899;
	color:white;
	font-weight:bold;
	padding:5px 4px 5px 4px;
	background:#DDDDDD;
	margin-top:10px;
}

#window #slider .panel .input-submit-remove
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid red;
	color:red;
	font-weight:bold;
	padding:5px 2px 5px 2px;
	background:white;
	cursor:pointer;
	margin-top:10px;
}

#window #slider .panel form .input-submit-save-small
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid #969899;
	color:#888;
	font-weight:bold;
	padding:0 4px 0 4px;
	cursor:pointer;
	background:white;
}

#window #slider .panel .input-submit-cancel
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid gainsboro;
	color:orange;
	font-weight:bold;
	padding:5px 2px 5px 2px;
	background:white;
	cursor:pointer;
	margin-top:10px;
}

/* form layout */

fieldset
{
	padding:6px 12px 12px 12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:8px 0 10px 0;
}

legend
{
	font-weight:bold;
	margin-left:9px;
	padding:0 7px;
	font-size:1.15em;
	color:#222222;
}

#window #slider .panel .fields
{
    width:98%;
	margin-top:10px;
	margin-left:1%;
}

#window #slider .panel .field-name-overview
{
    width:30%;
	text-align:right;	
	font-weight:normal;
	color:#3D3D3D;
    padding:0px 4px 2px 0px;
    min-height:20px;
}

#window #slider .panel .field-value-overview
{
    width:68%;
	font-weight:bold;
    padding:0px 0px 2px 0px;
    min-height:20px;
}

#window #slider .panel .field-name
{
    width:30%;
	text-align:right;
	font-weight:normal;
	color:#3D3D3D;
    padding:0px 4px 4px 0px;
    min-height:20px;
}

#window #slider .panel .field-value
{
    width:68%;
	font-weight:bold;
    padding:0px 0px 4px 0px;
    min-height:20px;
}

#window #slider .panel .panel-body .block-details table.categs
{
    width:98%;
	margin-left:10px;
}

#window #slider .panel .panel-body .block-details .categs-fetch
{
	width:95%;
	margin-left:10px;
}

#window #slider .panel .panel-body .block-details table.categs, #window #slider .panel .panel-body .block-details table.dependencies
{
    width:98%;
	margin-left:10px;
}

#window #slider .panel .panel-body .block-details table.dependencies input, #window #slider .panel .panel-body .block-details table.dependencies select
{
	width:90%;
}

#window #slider .panel .panel-body .block-details .mceEditor
{
    width:100%;
}

/* notes */

#window #slider .panel .panel-body .block-details #write-note
{
    display:none;
    padding:16px 16px 8px 16px;
}
#window #slider .panel .panel-body .block-details #write-note legend
{    
    margin-left:0px;
}
#window #slider .panel .panel-body .block-details #write-note textarea
{
    width:100%;
    height:100px;
    padding:4px;
}
#window #slider .panel .panel-body .block-details #write-note .input-submit-save
{
    margin:10px 20px 0 0;
}
#window #slider .panel .panel-body .block-details #write-note .input-submit-remove
{
    float:right;
}

#window #slider .panel .panel-body .block-details .note
{
    -moz-border-radius:4px;
    border:1px solid red;    
    padding:10px 20px 10px 10px;     
    margin:0;
    position:relative;    
    min-height:26px;
    font-weight:bold;   
}

#window #slider .panel .panel-body .block-details .note img
{ 
    float:left;
    margin : 0 10px 0 0; 
}

#window #slider .panel .panel-body .block-details a.edit-note-link
{
    display:block;
    height:16px;    
    width:16px;
    text-decoration:none;
	background-image: url(../images/icons/note-16.png);
    background-repeat:no-repeat;
    background-position:left center;
    float:right;
    position:relative;
    top:23px;
    right:5px;
    z-index:10;
}
#window #slider .panel .panel-body .block-details a.edit-note-link.no-note
{
    top:46px;
    right:8px;
}

/* DETAILS BLOCKS > NAVIGATION */

#window #slider .panel .panel-body .block-details-nav
{
	width:21%;
	float:right;
	margin:0px 1px 15px 0;
}

/* details > navigation items */

#window #slider .panel .panel-body .block-details-nav .items
{
	border-bottom:1px solid #CCC;
	border-right:0 none;
	border-left:1px solid #969899;
	height:30px;
	line-height:30px;
	position:relative;
	width:100%;
}

#window #slider .panel .panel-body .block-details-nav .items.first
{
	border-top:0 none;
}

#window #slider .panel .panel-body .block-details-nav .items.last
{
	border-bottom:1px solid #969899;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

#window #slider .panel .panel-body .block-details-nav .items .icon
{
	height:30px;
	left:0;
	position:absolute;
	top:0;
	width:30px;
}

#window #slider .panel .panel-body .block-details-nav .items .icon > *
{
	position:relative;
	left:6px;
	top:4px;
}

#window #slider .panel .panel-body .block-details-nav .items .label
{
	display:inline-block;
	height:30px;
	right:26px;
	letter-spacing:0.02em;
	line-height:30px;
	overflow:hidden;
	position:absolute;
	top:0;   
	text-align:right;
}

#window #slider .panel .panel-body .block-details-nav .items .info
{
	color:#777777;
}

#window #slider .panel .panel-body .block-details-nav .items .nav-arrow
{
	background-image:url("../images/icons/navigation/arrow-black.png");
	background-position:11px center;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	position:absolute;
	right:0;
	top:0;
	width:26px;
}

#window #slider .panel .panel-body .block-details-nav .hover
{
	background-color:#969899;
	color:white;
	cursor:pointer;
}

#window #slider .panel .panel-body .block-details-nav .items > .nav-arrow.hover
{
	background-image:url(../images/icons/navigation/arrow-white.png);
}

#window #slider .panel .panel-body .block-details-nav .selected
{
	background-color:#969899;
	color:white;
	cursor:default;
}

#window #slider .panel .panel-body .block-details-nav .items > .nav-arrow.selected
{
	background-image:url(../images/icons/navigation/arrow-white.png);
}

/* LIST BLOCKS */

#window #slider .panel .panel-body .block-list
{

}

#window #slider .panel .panel-body .block-list .items 
{
}

#window #slider .panel .panel-body .block-list .items.even
{
	background-color:#f3f3f3;
}

#window #slider .panel .panel-body .block-list .items.odd
{
	background-color:#ffffff;
}

#window #slider .panel .panel-body .block-list .items.hover
{
	background-color:#969899;
}

#window #slider .panel .panel-body .block-list .items > .hover
{
	color:white;
}

#window #slider .panel .panel-body .block-list .items.selected 
{
	background-color:#969899;
}

#window #slider .panel .panel-body .block-list .items > .selected 
{
	color:white;
}

/* MISC */

.clear
{
	height: 0px;
	clear: both;
	font-size:0;
}

.hidden
{
	display:none;
}

.strong
{
	font-weight:bold;
}

.cursor-pointer
{
	cursor:pointer !important;
}

.no-selection 
{
    -moz-user-select: none;
    -khtml-user-select: none;
}

.ajax-loader
{
    background:transparent url(../images/loaders/ajax-loader.gif) no-repeat scroll center center;
    width:16px;
    height:16px;
    display:inline-block;
    display:-moz-inline-box;
    vertical-align:middle;
}
.ajax-loader:focus, .ajax-loader:active
{
	outline:0;
}

.ajax-loader-nav
{
    background:transparent url(../images/loaders/ajax-loader.gif) no-repeat scroll center center;
    width:16px;
    height:16px;
    display:none;
    vertical-align:middle;
    float:right;
    margin-top:6px;
}

a.view
{
	background-color:transparent;
	background-image:url("../images/icons/eye.png");
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:18px;
}
a.view:focus, a.view:active
{
	outline:0;
}

a.edit-action
{
	background-image: url(../images/icons/edit-16.png);
    background-repeat:no-repeat;
    background-position:center center;
	display:block;
	height:16px;
	width:16px;
}
a.edit-action:focus, a.edit-action:active
{
	outline:0;
}

a.info-action
{
	background-image: url(../images/icons/i-gray.png);
    background-repeat:no-repeat;
    background-position:center center;
	display:block;
	height:16px;
	width:16px;
}
a.info-action:hover
{
	background-image: url(../images/icons/i.png);
    background-repeat:no-repeat;
    background-position:center center;
}
a.info-action:focus, a.info-action:active
{
	outline:0;
}

a.ext-link
{
	background-image:url(../images/icons/external-link.png);
	background-position:right center;
	padding-right: 13px !important;
	background-repeat:no-repeat;
	text-decoration: none;
	min-width:10px;
	min-height:10px;
}

a.normal-link
{	
	display:inline;
	text-decoration:none;
	cursor:pointer;
	color:black;
}
a.normal-link:hover
{		
	text-decoration:underline;	
}

.expandable
{
	background-image:url(../images/icons/toggle-more.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 11px;
	cursor:pointer;
	text-decoration:none;
	color:inherit;
}

.collapsable
{
	background-image:url(../images/icons/toggle-less.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 11px;
	cursor:pointer;
	text-decoration:none;
	color:inherit;
}

.upload-button
{ 
	background:url(../images/icons/upload.png) center center no-repeat;
	width:16px;
    height:inherit;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

input.upload-file
{ 
	position:relative;
	height:100%;
	width:auto;
 	opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* BASIC ELEMENTS HEADINGS */

/* category */

#window #slider .panel .panel-body .block-details h2.category
{
	margin:20px 0px;
	background-image:url(../../system/images/icons/categories/category.png);
	background-position:left 0;
	background-repeat:no-repeat;
	padding:3px 0 0 26px;
}

/* list */

#window #slider .panel .panel-body .block-details h2.list-item
{
	margin:20px 0px;
	background-image:url(../../system/images/icons/lists/labelvalue.png);
	background-position:left 0;
	background-repeat:no-repeat;
	padding:3px 0 0 26px;
}

/* SYSTEM INFO */

#window #slider .panel .panel-body .block-system-info
{
    width:98%;
    margin:1%;
    font-size:1.3em;
    overflow-x:visible;
}

/* phpinfo styles */ 
#window #slider .panel .panel-body .block-system-info pre
{
    margin: 0px;
    font-family: monospace;
}
#window #slider .panel .panel-body .block-system-info table
{


}
#window #slider .panel .panel-body .block-system-info .center
{
    text-align: center;
}
#window #slider .panel .panel-body .block-system-info .center table
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:100%;
}
#window #slider .panel .panel-body .block-system-info .center th
{
    text-align: center !important;
}
#window #slider .panel .panel-body .block-system-info td, th
{
    border: 1px solid #000000;
    font-size: 75%;
    vertical-align: baseline;
}
#window #slider .panel .panel-body .block-system-info h1
{
    font-size: 150%;
}
#window #slider .panel .panel-body .block-system-info h2
{
    font-size: 125%;
}
#window #slider .panel .panel-body .block-system-info .p
{
    text-align: left;
}
#window #slider .panel .panel-body .block-system-info .e
{
    background-color: #ccccff;
    font-weight: bold;
    color: #000000;
}
#window #slider .panel .panel-body .block-system-info .h
{
    background-color: #9999cc;
    font-weight: bold;
    color: #000000;
}
#window #slider .panel .panel-body .block-system-info .v
{
    background-color: #cccccc;
    color: #000000;
}
#window #slider .panel .panel-body .block-system-info .vr
{
    background-color: #cccccc;
    text-align: right;
    color: #000000;
}
#window #slider .panel .panel-body .block-system-info img
{
    float: right;
    border: 0px;
}
#window #slider .panel .panel-body .block-system-info hr
{
    width: 600px;
    background-color: #cccccc;
    border: 0px;
    height: 1px;
    color: #000000;
}

/* PARAMETERS DUMP (error panel) */

table.dump-table
{
    width:100%;    
    padding:0;
    margin:0;
    border:0;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.dump-table th, table.dump-table td 
{
	text-align:left;
	color:black;
	font-size:1.3em;
}
table.dump-table th
{
	background-color:#DADFDD;
	border: 1px solid #FFF;
	padding: 6px;
	font-weight:bold;
	vertical-align: middle;
}
table.dump-table tr.label th
{	
	text-align:right;
	background-color: #FFFFFF;
	font-weight:normal;
}
table.dump-table td
{
	color: #3D3D3D;
	padding:4px 6px;
	vertical-align: middle;
	background-color: #FFFFFF;
}
table.dump-table td.key
{
	font-weight:bold;
	color:black;
}
table.dump-table td.value
{
}
table.dump-table tr.odd td
{
	background-color: #FFFFFF;
}
table.dump-table tr.even td
{
	background-color:#F3F3F3;
}