/* @IMPORT url("default/theme.css"); */


.widget-layout-vbox-item {
/*	margin: 0 0 0.5em 0;*/
	margin: 0;
	display: block;
}

table.widget-layout-hbox {
	
	width:auto;
	margin:0;
	border:0;
	padding:0;
	background:transparent;
	border-collapse: collapse;
	empty-cells: show;
}


div.widget-layout-hbox {
	white-space: nowrap;
}

.widget-layout-hbox-tr {
	background:transparent;
}

td.widget-layout-hbox-item {

	margin:0;
	border:0;
	padding:0;
	background:transparent;
	vertical-align:top;

}

/*
span.widget-layout-hbox-item {
	margin:0;
	white-space: normal;
	vertical-align:top;
	
	display: -moz-inline-stack;
	display: inline-block;
}
*/

.widget-invisible {
	display: none;
}

.widget-layout-flow-item {
	margin: 0;
	white-space: normal;
	display: -moz-inline-stack;
	display: inline-block;
}
*+html div.widget-layout-flow-item {
    display: inline;
}
* html div.widget-layout-flow-item {
	display: inline;
}


.widget-textedit {
	position: relative;
	right: 0;
}

.widget-valign-middle,
.widget-valign-middle > * {
	vertical-align: middle;
}




.widget-radioset .widget-layout-flow-item,
.widget-radioset input,
.widget-radioset label {
	vertical-align:middle;
}


.widget-radioset .widget-layout-vbox-item {
	margin-top:.5em; 
	margin-bottom:.5em;
}


a.widget-link {
	text-decoration: none;
	cursor: pointer !important;
}


/*** Icons ***/


.widget-icon {
/*	cursor: pointer; */
	background-repeat: no-repeat;
	overflow: visible;
	display: -moz-inline-stack;
	display: inline-block;
}
* html div.widget-icon {
    display: inline;
}
*+html div.widget-icon {
    display: inline;
}

.widget-icon-label,
.widget-icon-sub-label {
	display: block;
	overflow: hidden;
}
.widget-icon-sub-label {
	color: #888888;
}

.widget-icon-left .widget-icon-label {
	vertical-align: middle;
}

.widget-icon-left .widget-icon {
/*	min-height: 1em;*/
	text-align: left;
	vertical-align: middle;
	background-position: 4px center;
}

.widget-icon-top .widget-icon {
	text-align: center;
	vertical-align: top;
	background-position: center 4px;
}

.widget-icon-left-16 .widget-icon {
	min-height: 1em;
	padding: 0.25em 4px 0.25em 24px;
}

.widget-icon-left-24 .widget-icon {
	min-height: 1em;
	padding: 0.25em 4px 0.25em 32px;
}

.widget-icon-left-32 .widget-icon {
	padding: 1em 8px 1em 44px;
}

.widget-icon-left-48 .widget-icon {
	padding: 24px 4px 24px 58px;
}

.widget-icon-left-64 .widget-icon {
	padding: 32px 4px 32px 74px;
}

.widget-icon-left-128 .widget-icon {
	padding: 3em 4px 3em 138px;
}


.widget-icon-top-16 .widget-icon {
	min-width: 20px;
	padding: 20px 4px 4px 4px;
}

.widget-icon-top-24 .widget-icon {
	min-width: 26px;
	padding: 26px 4px 4px 4px;
}

.widget-icon-top-32 .widget-icon {
	min-width: 36px;
	padding: 36px 4px 4px 4px;
}

.widget-icon-top-48 .widget-icon {
	min-width: 52px;
	padding: 52px 4px 4px 4px;
}

.widget-icon-top-64 .widget-icon {
	min-width: 68px;
	padding: 68px 4px 4px 4px;
}

.widget-icon-top-128 .widget-icon {
	min-width: 132px;
	padding: 132px 4px 4px 4px;
}

.widget-list-view .widget-icon-top-48 .widget-icon,
.widget-list-view.widget-icon-top-48 .widget-icon {
	padding: 4px 4px 4px 4px;
}

/*
.widget-list-view.widget-icon-top-48 .widget-icon .widget-icon-image-container,
.widget-list-view .widget-icon-top-48 .widget-icon .widget-icon-image-container {
	display: block;
	height: 48px;
	width: 128px;
	overflow: hidden;
}

.widget-list-view.icon-top-48 .widget-icon {
	width: 120px;
}


.widget-icon .widget-icon-image-container {
	position: relative;
	height: 0;
	display: block;
}
.widget-icon img.widget-icon-image {
	bottom: 4px;
	position: absolute;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #777777;
}
*/
.widget-list-view.widget-icon-top-48 .widget-icon .widget-icon-image,
.widget-list-view .widget-icon-top-48 .widget-icon .widget-icon-image {

}


.widget-toolbar {
	display: inline-block;
	display: -moz-inline-block;
	background-color: #eeeeee;
	padding: 4px;
}
* html div.widget-toolbar {
    display: inline;
}
*+html div.widget-toolbar {
    display: inline;
}

.widget-toolbar .widget-icon:hover {
	background-color: #dddddd;
	outline: 1px solid #cccccc;
}

.widget-frame .widget-section {
/*	padding-top: 1em; */
}

.widget-configuration-panel {
	padding: 16px;
}



.widget-list-view .widget-icon-top-16 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-top-16 .widget-icon .widget-icon-label {
	width: 40px;
	overflow: hidden;
}
.widget-list-view .widget-icon-top-24 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-top-24 .widget-icon .widget-icon-label {
	width: 60px;
	overflow: hidden;
}
.widget-list-view .widget-icon-top-32 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-top-32 .widget-icon .widget-icon-label {
	width: 80px;
	overflow: hidden;
}
.widget-list-view .widget-icon-top-48 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-top-48 .widget-icon .widget-icon-label {
	width: 120px;
	overflow: hidden;
}
.widget-list-view .widget-icon-top-64 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-top-64 .widget-icon .widget-icon-label {
	width: 160px;
	overflow: hidden;
}


.widget-list-view .widget-icon-left-16 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-left-16 .widget-icon .widget-icon-label {
	width: 240px;
	overflow: hidden;
}
.widget-list-view .widget-icon-left-24 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-left-24 .widget-icon .widget-icon-label {
	width: 232px;
	overflow: hidden;
}
.widget-list-view .widget-icon-left-32 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-left-32 .widget-icon .widget-icon-label {
	width: 224px;
	overflow: hidden;
}
.widget-list-view .widget-icon-left-48 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-left-48 .widget-icon .widget-icon-label {
	width: 208px;
	overflow: hidden;
}
.widget-list-view .widget-icon-left-64 .widget-icon .widget-icon-label,
.widget-list-view.widget-icon-left-64 .widget-icon .widget-icon-label {
	width: 192px;
	overflow: hidden;
}


.widget-configuration-panel .widget-icon {
	width: 15em;
/*	overflow: hidden; */
	white-space: normal;
	color: #555555;
}
.widget-configuration-panel .widget-icon:hover {
	background-color: #f7f7f7;
	outline: 1px solid #e7e7e7;
	color: #000000;
}




.widget-align-right {
	text-align: right;
}

.widget-align-center {
	text-align: center;
}

.widget-align-left {
	text-align: left;
}

.widget-align-top {
	vertical-align: text-top;
}

.widget-align-bottom {
	vertical-align: bottom;
}

.widget-align-middle {
	vertical-align: middle;
}

.widget-text-large {
	font-size: 200%;
}

.widget-position-relative {
	position: relative;	
}

.widget-position-absolute {
	position: absolute;	
}

.widget-full-width {
	width: 100% !important;
}



/** CALENDAR */


table.widget-calendar {
	border-collapse: separate;
	border-spacing: 0px;
	border-left: 1px solid #eee;
}

table.widget-calendar tbody {
	overflow: hidden;
}

table.widget-calendar tr td {
	padding: 3px;
	border-color: #ffffff #e6e6e6; 
}

tr.widget-calendar-hour-row td {
	background-color: #e6e6e6;
	border-right: 1px solid #fff !important;
}
tr.widget-calendar-half-hour-row td {
	background-color: #e0e0e0;
	border-bottom: 1px solid #f2f2f2 !important;
	border-right: 1px solid #fff !important;
}

tr.widget-calendar-hour-row:hover td,
tr.widget-calendar-half-hour-row:hover td,
tr.widget-calendar-hour-row:hover td.widget-calendar-header,
tr.widget-calendar-half-hour-row:hover td.widget-calendar-header {
		background-color: #ccc;
}
tr.widget-calendar-hour-row:hover td.widget-calendar-weekend,
tr.widget-calendar-half-hour-row:hover td.widget-calendar-weekend {
		background-color: #bbb;
}
tr.widget-calendar-hour-row td:hover,
tr.widget-calendar-half-hour-row td:hover,
tr.widget-calendar-hour-row td.widget-calendar-weekend:hover,
tr.widget-calendar-half-hour-row td.widget-calendar-weekend:hover {
			background-color: #999;
}



tr.widget-calendar-hour-row td.widget-calendar-weekend {
	background-color: #ddd;
	border-right: 1px solid #fff !important;
}
tr.widget-calendar-half-hour-row td.widget-calendar-weekend {
	background-color: #d0d0d0;
	border-bottom: 1px solid #f2f2f2 !important;
	border-right: 1px solid #fff !important;
}



tr.widget-calendar-header td {
	background-color: #d7d7d7;
	color: #000;
	font-weight: bold;
	border-right: 1px solid #e7e7e7 !important;
}
tr.widget-calendar-header td.widget-calendar-weekend {
	background-color: #ccc;
	color: #000;
	font-weight: bold;
	border-right: 1px solid #e7e7e7 !important;
}

tr.widget-calendar-header td.widget-calendar-today {
	background-color: #000;
	color: #fff;
}
tr.widget-calendar-hour-row,
tr.widget-calendar-half-hour-row {
	height: 16px;
}
tr.widget-calendar-hour-row td.widget-calendar-header {
	background-color: #ddd;
	color: #666666;
	border-bottom: 1px solid #e5e5e5 !important;
}
tr.widget-calendar-half-hour-row td.widget-calendar-header {
	background-color: #ddd;
	color: #666666;
	border-bottom: 1px solid #eee !important;
}

tr.widget-calendar-hour-row td.widget-calendar-header div,
tr.widget-calendar-half-hour-row td.widget-calendar-header div {
	position: relative !important;
}

tr.widget-calendar-hour-row td.widget-calendar-header div span.widget-calendar-hour-minutes,
tr.widget-calendar-half-hour-row td.widget-calendar-header div span.widget-calendar-hour-minutes {
	position: absolute !important;
}

tr.widget-calendar-hour-row td.widget-calendar-header div span.widget-calendar-hour,
tr.widget-calendar-half-hour-row td.widget-calendar-header div span.widget-calendar-hour {
	vertical-align: top;
	font-size: 110%;
}

tr.widget-calendar-hour-row td.widget-calendar-header div span.widget-calendar-minutes,
tr.widget-calendar-half-hour-row td.widget-calendar-header div span.widget-calendar-minutes {
	vertical-align: top;
	font-size: 80%;
}


div.widget-calendar-periods {
	position: relative;
	height: 0 !important;
}
tr.widget-calendar-periods td {
	height: 0 !important;
	padding: 0 !important;
}
tr.widget-calendar-periods {
	height: 0 !important;
}
div.widget-calendar-period {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
}
div.widget-calendar-period:hover {
	z-index: 99999;
}
div.widget-calendar-period .dark-background {
	color: #fff;
}
div.widget-calendar-period-content {
	background-color: #dcc7f2;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	margin: 0 4px 0 3px;
	padding: 0 5px;
	border: 1px solid #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


div.widget-calendar-period-content:hover {
	border: 1px solid #06c;
}


div.widget-calendar-period-content .widget-calendar-period-time {
	font-weight: bold;
	border-bottom: 1px solid #888;
	width: 100%;
	display: -moz-inline-stack;
	display: inline-block;
	cursor: crosshair;
}
*+html div.widget-calendar-period-content div.widget-calendar-period-time {
    display: inline;
}
* html div.widget-calendar-period-content div.widget-calendar-period-time {
    display: inline;
}

div.widget-calendar-period-content.display-only .widget-calendar-period-time {
	cursor: default;
}

div.widget-calendar-period-content .widget-calendar-period-location {
	font-size: 0.95em;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div.widget-calendar-period-content .widget-calendar-period-title {
}


div.widget-calendar-period-content {
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	opacity: 0.9;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
	zoom: 1;
	filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=160, Strength=3);
}
div.widget-calendar-period div.display-only {
	border: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

html > body div.widget-calendar-period-content .widget-calendar-period-time {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	margin: 0 -5px;
	padding: 2px 5px;
	border-bottom: 0;
}

html > body div.widget-calendar-period-content.continue-top .widget-calendar-period-time {
	background: transparent;
}	
div.widget-calendar-period-content.continue-top {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top: none;
}
div.widget-calendar-period-content.continue-bottom {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom: none;
}


/****** FULLCALENDAR ******/

.widget-fullcalendar .fc-event {
    font-size: 1em;
/*    text-shadow: 0 0 3px #000000; */
}

.widget-fullcalendar .fc-agenda-days th {
    font-size: 10.5pt;
    vertical-align: bottom;
}
.widget-fullcalendar .fc-agenda .fc-agenda-axis {
    font-size: 11pt;
    vertical-align: bottom;
}
.widget-fullcalendar .fc-content {
	background-color: rgba(255, 255, 255, 0.5);
}
.widget-fullcalendar .widget-fullcaldendar-period-button {
	background: transparent;
    border: none;
    color: #000;
    opacity: 0;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
}

.widget-fullcalendar .fc-view > table > tbody > tr > td:hover .widget-fullcaldendar-period-button {
	opacity: 1;
}


.widget-fullcalendar .fc-resourceName, .widget-fullcalendar .fc-widget-header {
	background-color: rgba(0,0,0,0.025);
}

.fc-grid .fc-event-time {
	display: inline-block;
}


.fc-event-inner .resource {
    display: block;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}
.fc-event-inner:hover .resource,
.fc-event-inner:hover .fc-event-title {
	white-space: normal;
}

.fc-event-inner .fc-event-title {
    display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.widget-tabs > * > .widget-layout-vbox-item {
	margin: 0;
}


.widget-menu .widget-icon {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0;
	height: 16px;
}
.widget-menu .widget-icon-label {
	display: none;
}

.widget-popup-menu {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #888888;
	padding: 1px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .5);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=160, Strength=3); 
	
	max-height:300px;
	overflow:auto;
}
.widget-popup-menu .widget-icon .widget-icon-label {
	display: block;
	white-space: nowrap;
}
.widget-popup-menu .widget-icon {
	display: inline-block;
	display: -moz-inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-left: 24px;
	height: 16px;
}
*+html .widget-popup-menu div.widget-icon {
    display: inline;
}
* html .widget-popup-menu div.widget-icon {
    display: inline;
}

.widget-popup-menu .widget-layout-flow-item {
	width: 100%;	
}
.widget-popup-menu .widget-link {
	display: block;
	color: #000000;
}
.widget-popup-menu .widget-layout-flow-item .widget-link {
	white-space: nowrap;
    padding-right: 16px;
}


.widget-popup-menu .widget-link:hover {
	background-color: #cccccc;
	color: #ffffff !important;
/*	overflow: hidden; */
	outline: none;
	text-decoration: none;
}
.widget-popup-menu .widget-link .widget-icon {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.widget-popup-menu .widget-link .widget-icon:hover {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.widget-popup-menu .widget-layout-flow-item {
	margin: 0;
}




.widget-menu table.widget-layout-vbox {
	margin: 0 !important;
	border: 0 !important;
}

.widget-menu td.widget-layout-vbox-item {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.widget-menu-button {
	position: relative;
	display: block;
	margin: 2px 0;
	width: 15px;
	height: 15px;
	background: #eee url('default/images/222222_7x7_arrow_right.gif') no-repeat center center;
	border: 1px solid #ffffff;
	color: #000000;
	cursor: pointer;
	text-align: center;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-background-clip: padding;
	
	-webkit-transition-property: background-color, border-color;
	-moz-transition-property: background-color, border-color;
	transition-property: background-color, border-color;
	-webkit-transition-duration: 0.8s, 0.8s;
	-moz-transition-duration: 0.8s, 0.8s;
	transition-duration: 0.8s, 0.8s;
}
.widget-menu-button:hover {
	background-color: #eee; /* url('default/images/222222_7x7_arrow_right.gif') no-repeat center center; */
	border-color: #ccc;
}

.widget-menu-button.active {
/*	z-index: 1001;*/
	background: #f7f7f7 url('default/images/222222_7x7_arrow_down.gif') no-repeat center center;
	height: 16px;
	border: 1px solid #cccccc;
	border-top: 1px solid #dddddd;
	border-bottom: 0;
	color: #000000;
	border-radius: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.widget-menu-button.active.reversed {
	background: #f7f7f7 url('default/images/222222_7x7_arrow_up.gif') no-repeat center center;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #888888;
	border-top: 0;
	color: #000000;
	border-radius: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius: 0;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/*
.widget-popup-menu .widget-icon:hover {
	background-color: #79B;
	color: #ffffff;
}
*/


.widget-menu-separator {
    display: block;
    border: none;
    border-bottom: 1px ridge #ccc;
    margin: 0.5em;	
}






.widget-accordion-header {
	display: block;
	padding: 4px;
	padding-left: 16px;
}



.widget-timepicker {
	display: block;
}

.widget-displaymode.widget-timepicker{
	background-color: transparent;
}

#widget-timepicker-detail a {
	text-decoration: none;
	padding: 2px 4px;
}

#widget-timepicker-detail a:hover {
	background-color: #aaaaaa;
	color: #ffffff;
}







div.time-picker {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	height:200px;
	overflow:auto;
	position:absolute;
	width:4em;
	z-index:99;
	margin-top: 2em;
}
div.time-picker-12hours {
	width:6em;
}
div.time-picker ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.time-picker li {
	cursor:pointer;
	padding:1px;
}
div.time-picker li.selected {
	background:#316AC5 none repeat scroll 0 0;
	color:#FFFFFF;
}





.widget-layout-hbox-item.minimum {
	width: 1px;
}

.widget-layout-hbox-item.maximum {
	width: 100%;
}
.widget-layout-vbox-item.maximum > .widget-layout-hbox,
.widget-layout-vbox-item.maximum > div,
.widget-layout-vbox-item.maximum > div > .widget-layout-hbox,
.widget-layout-hbox-item.maximum > .widget-layout-hbox,
.widget-layout-hbox-item.maximum > div,
.widget-layout-hbox-item.maximum > div > .widget-layout-hbox
{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}



.widget-layout-hbox.expand {
	width: 100%;
}






.widget-multifield .widget-layout-vbox-item * {
	vertical-align:middle;
}

.widget-multifield small {
	padding:1px 2px;
	margin:3px;
	font-weight:normal;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


.widget-userpicker {
	display: -moz-inline-block;
	display: inline-block;
	width: 20em;
	height: 24px !important;
	border: 1px solid #dddddd;
	cursor: pointer;
	position:relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color:#fff;
}

*+html div.widget-userpicker {
    display: inline;
}
* html div.widget-userpicker {
    display: inline;
}

.widget-userpicker div {
	min-height: 1.2em;
	/* margin-left: 20px; */
	padding-top: 2px;	
}

.widget-grouppicker {
	display: -moz-inline-block;
	display: inline-block;
	width: 20em;
	min-height: 1.2em;
	border: 1px solid #dddddd;
	cursor: pointer;
}
* html div.widget-grouppicker {
    display: inline;
}
*+html div.widget-grouppicker {
    display: inline;
}

.widget-grouppicker div {
	min-height: 1.2em;
	margin-left: 20px;
	width: 20em;
}




.widget-babfilepicker {
	display: -moz-inline-block;
	display: inline-block;
	width: 20em;
	min-height: 1.2em;
	border: 1px solid #dddddd;
	cursor: pointer;
	background-color: rgba(255,255,255,0.5);
}
* html div.widget-babfilepicker {
    display: inline;
}
*+html div.widget-babfilepicker {
    display: inline;
}

.widget-babfilepicker div {
	min-height: 1.2em;
	margin-left: 20px;
	width: 20em;
}



.widget-topiccategorypicker {
	display: -moz-inline-block;
	display: inline-block;
	width: 20em;
	min-height: 1.2em;
	border: 1px solid #dddddd;
	cursor: pointer;
	background-color: rgba(255,255,255,0.5);
}
* html div.widget-topiccategorypicker {
    display: inline;
}
*+html div.widget-topiccategorypicker {
    display: inline;
}

.widget-topiccategorypicker div {
	min-height: 1.2em;
	margin-left: 20px;
	width: 20em;
}



span.widget-displaymode {
	display: -moz-inline-stack;
	display: inline-block;
}

table.widget-calendar tbody.widget-calendar-header-section {
	overflow: hidden;
}
table.widget-calendar tbody.widget-calendar-periods-section {
/*	overflow: auto; 
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical; */
	height: 100%;
}


.widget-label-mandatory {
	padding-right: 10px;
	background-image: url('images/mandatory.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.mandatory-explanation {
	background-image: url("images/mandatory.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
}



.widget-tableview {
}
.widget-tableview > table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ddd;
	border-right : 1px solid #eee;
/*	padding: 4px;*/
}
.widget-tableview > table > * > tr > td {
	padding: 4px;
}


.widget-table-row > td {
	border-bottom : 1px solid #ddd;
	border-left : 1px solid #eee;
}

.widget-table-row td.numeric,
.widget-table-row td.numeric input {
	text-align:right;	
}

.widget-table-row {
	background: #fff;
	color:#222;
}
.widget-table-row.odd {
    background: #fcfcfc;
}
.widget-table-row:hover {
	background: #cde;
}
.widget-table-row:hover td.widget-table-column-sorted-asc,
.widget-table-row:hover td.widget-table-column-sorted-desc {
	background: #bcd;
}

.widget-table-section.widget-table-header .widget-table-row,
.widget-table-section.widget-table-footer .widget-table-row {
	font-weight: bold;	
	background: #d2d2d2;
}
.widget-table-section-header td {
	border : 1px solid #ccc;
	background-color: #999;
	color: #fff;
}

td.widget-table-column-sorted-asc,
td.widget-table-column-sorted-desc {
	background-color: #e2e2e2;
	background-color: rgba(226,226,226,0.5);
	font-weight: bold;
}
.widget-table-section.widget-table-header .widget-table-row td.widget-table-column-sorted-asc {
	padding-left: 16px;
	background: #c2c2c2 url('default/images/222222_7x7_arrow_down.gif') no-repeat 5px center;
}
.widget-table-section.widget-table-header .widget-table-row td.widget-table-column-sorted-desc {
	padding-left: 16px;
	background: #c2c2c2 url('default/images/222222_7x7_arrow_up.gif') no-repeat 5px center;
}


.widget-column-fixed-6em {
    width: 6em !important;
}

.widget-column-minimal-width {
	width: 1px !important;
	padding: 0 !important;
}
.widget-column-thin {
    width: 1px !important;
}
.widget-column-center {
    text-align: center;
}
.widget-column-right {
    text-align: right;
}

.widget-column-nowrap {
	max-width:200px;
    white-space: nowrap;
    overflow: hidden;
}


.widget-hidden-column {
	display: none;	
}





.widget-filter .filter {
	padding: 0.2em 1em 0.2em 1em;
	background-color: #ddd;
}


.widget-table-total-display .totaldisplay {
	padding: 0.2em 1em 0.2em 1em;
	color: #fff;
	background-color: #45915A;
	text-align:right;
	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

.widget-filter .totaldisplay {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}


.widget-filter .filter .header {
	text-align: right;
/*	width: 10em; */
	padding: 10px 40px 1px 1px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	font-weight: bold;
	font-size: 120%;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*
.widget-filter .filter .header:hover {
	padding: 10px 39px 0 0;
	border: 1px solid #ccc;
}
*/

.widget-page-number,
.widget-page-number-current {
	display: inline-block;
	display: -moz-inline-stack;
	border: 1px solid #fff;
	padding: 0 2px;
	margin: 1px;
	text-decoration: none;
	min-width: 3ex;
	text-align: center;
}
*+html div.widget-page-number {
    display: inline;
}
*+html div.widget-page-number-current {
    display: inline;
}
* html div.widget-page-number {
    display: inline;
}
* html div.widget-page-number-current {
    display: inline;
}

.widget-page-number:hover,
.widget-page-number-current:hover {
	border-color: #000;
}

.widget-page-number-current {
	font-weight: bold;
	background-color: #000;
	color: #fff;
}


.widget-filepicker-file {
	display: -moz-inline-block;
	display: inline-block;
	text-align:center;
	background-color: rgba(0,0,0,0.035);
	border: 1px solid rgba(0,0,0,0.06);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	cursor:pointer;
	margin:0.6em 0 0;
	padding:0.2em;
}


.widget-filepicker-loadingprogress {
	background-color: rgba(255,255,255,0.75);
	border: 1px solid rgba(0,0,0,0.2);
	
	display: -moz-inline-block;
	display: inline-block;
	position:relative;
	
	top:-90px;
	margin-bottom:-90px;

	/*height:30px;*/
	width:90%;
	
	margin-left:auto;
	margin-right:auto;
	
	padding:0;
	text-align:center;
}


.widget-filepicker-loadingprogress .progresscontainer {
	border:#000 1px solid;
	background:#fff;
	margin:.1em 1em .5em 1em;
	padding:1px;
}

.widget-filepicker-loadingprogress .progresscontainer div {
	background:#444;
	height:5px;
	width:0%;
}


*+html div.widget-filepicker-file {
    display: inline;
}
* html div.widget-filepicker-file {
    display: inline;
}


.widget-filepicker-file-delete {

}

.widget-filepicker-limitedwidth .widget-filepicker-file-delete {
	overflow:hidden !important; 
	/*text-overflow:ellipsis;*/
	white-space:nowrap; 
	padding-right:0 !important;
	
}


.widget-filepicker-file-delete,
.widget-filepicker-loading {
	margin:.6em 0 0 0;
	padding:.2em;

}


.widget-filepicker-file-delete:hover {
	background-color: #fafafa;
}


.widget-filepicker-add {
	
	display: -moz-inline-block;
	display: inline-block;
	padding:.2em .5em;
	margin:.4em .3em .2em .3em;
	cursor: pointer;
	vertical-align:middle;
}
*+html div.widget-filepicker-add {
    display: inline;
}
* html div.widget-filepicker-add {
    display: inline;
}


.widget-filepicker-onefilemode {
	text-align:center;
}


.widget-filepicker-gravatar {
	display: -moz-inline-block;
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height:20px;
	margin:.4em .2em .2em .2em;
	vertical-align:middle;
	background: transparent url('images/widgets/icon_gravatar.png') no-repeat center center;
}


.widget-filepicker-suggest {
	display: -moz-inline-block;
	display: inline-block;
	cursor: pointer;
	width: 50px;
	height:20px;
	margin:.4em .2em .2em .2em;
	vertical-align:middle;
	background: transparent url('images/widgets/google.png') no-repeat center center;
}
*+html div.widget-filepicker-suggest {
    display: inline;
}
* html div.widget-filepicker-suggest {
    display: inline;
}


.widget-filepicker-googlesuggestions {
	text-align:center;	
}

.widget-filepicker-googlesuggestions a img {
	border:#ccc 1px solid;
	padding:2px;
	margin:8px;
}




.widget-counter-label {
	background-color: rgba(0,0,0,0.3);
    border-radius: 9px;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    padding: 1px 8px;
}


.widget-section.widget-foldable.widget-folded .widget-section-content {
	display: none;
}

.widget-section.widget-foldable .widget-section-header .handle {
	cursor: pointer;
}

.widget-section .widget-section-header {
/*
	padding: 3px 6px 3px 15px;
*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}

.widget-section.widget-foldable .widget-section-header:hover  {
	background-color: #eee !important;
}

.widget-section.widget-foldable .widget-section-header .arrow  {
	display: inline-block;
	display: -moz-inline-block;
	background: transparent url('images/arrow_down.gif') 4px center no-repeat;
	width: 15px;
	height: 15px;
}
*+html .widget-section.widget-foldable .widget-section-header div.arrow {
    display: inline;
}
* html.widget-section.widget-foldable .widget-section-header div.arrow  {
    display: inline;
}


.widget-section.widget-foldable.widget-folded .widget-section-header .arrow  {
	background: transparent url('images/arrow_right.gif') 4px center no-repeat;
}

/*
.widget-section.widget-foldable .widget-section-header  {
	display: inline-block;
	display: -moz-inline-block;
	background: transparent url('images/arrow_down.gif') 4px center no-repeat;
}

.widget-section.widget-foldable.widget-folded .widget-section-header  {
	background: transparent url('images/arrow_right.gif') 4px center no-repeat;
}
*/
.widget-section .widget-section-content  {
	padding-top: 6px;
	padding-left: 15px;
}

.widget-section.compact .widget-section-content {
	padding: 0;	
}


.widget-colorpicker {
	cursor:pointer;	
}


.widget-babtableview {
	border:#666 1px solid;
	margin:1em 1.5em;
}


/* optional classes used when designing pages */



.widget-bordered {
	border:#666 1px solid;
	margin:1em 1.5em;
	padding:.8em;
}

.widget-centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}



/*** Simpletreeview ***/



.widget-treeview .bab_tree div.line {
	border-radius: 0;
    border: none;
}

.widget-treeview .bab_tree .tree {
    background: transparent;
    margin-left: -1.8em;
    padding: 0;
}
.widget-treeview .bab_tree div.line:hover {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    border: none;
    padding: 1px;
}

.widget-treeview div.line {
    white-space: nowrap;
}


.widget-treeview .line a,
.widget-treeview .line a:hover,
.widget-treeview .line a:visited {
	text-decoration:none;
}

.widget-treeview .bab-highlighted-node {
	background-color: rgba(0, 0, 0, 0.05);
}


.widget-treeview .line .widget-layout-flow {
    display: inline-block;
}


.widget-treeview .bab_tree div.line .right_elements {
	top: 0;
}


.widget-treeview .bab_tree ul {
	list-style-type: none;
	margin: 0 0 0 2em !important;
	padding: 0 !important;
}

.widget-treeview .bab_tree li {
	margin: 0 !important;
	padding: 0 !important;
}

.widget-treeview .bab_tree div.line div.level1,
.widget-treeview .bab_tree div.line div.level2,
.widget-treeview .bab_tree div.line div.level3,
.widget-treeview .bab_tree div.line div.level4,
.widget-treeview .bab_tree div.line div.level5,
.widget-treeview .bab_tree div.line div.level6,
.widget-treeview .bab_tree div.line div.level7,
.widget-treeview .bab_tree div.line div.level8,
.widget-treeview .bab_tree div.line div.level9,
.widget-treeview .bab_tree div.line div.level10 {
	display: inline-block;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}





textarea, input,
div.wysiwyg {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.widget-fullwidth {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;	
}

.widget-nowrap {
	white-space: nowrap;
}



.ui-dialog {
    box-shadow: 0 4px 10px #000000;
}

/* DatePicker */

.widget-datepicker,
.widget-datetimepicker {
	background-image:url(images/datepicker.png);
	background-position: 2px center;
	background-repeat:no-repeat;
	padding-left: 20px !important;
}


/* EmailLineEdit */

.widget-emaillineedit {
	background-image:url(images/mail.png);
	background-position:2px 1px;
	background-repeat:no-repeat;
	
	padding-left:20px;
}

.widget-emaillineedit-invalid {
	background-position:2px -47px;
}


/* UrlLineEdit */

.widget-urllineedit {
	background-image:url(images/url.png);
	background-position:2px 1px;
	background-repeat:no-repeat;
	
	padding-left:20px;
}

.widget-urllineedit-invalid {
	background-position:2px -47px;
}


/* TelLineEdit */

.widget-tellineedit {
	background-image:url(images/telephone.png);
	background-position:2px 1px;
	background-repeat:no-repeat;
	
	padding-left:20px;
}

.widget-tellineedit-invalid {
	background-position:2px -47px;
}

.widget-tellineedit-mob {
	background-image:url(images/mobile.png);
}

.widget-tellineedit-fax {
	background-image:url(images/fax.png);
}



/* RegExpLineEdit */

.widget-regexplineedit {
}

.widget-regexplineedit-invalid {
	color: red;
}



/* Section */


.widget-section .widget-hide-unfolded {
    display: none;    
}

.widget-section.widget-folded .widget-hide-unfolded {
	display: inherit;
}


/* Dockable (javascript is necessary to view this type of widget) */

/* The main button */
.widget-dockable {
	display:none;
	color:#ccc;
	background:#333 url(images/darrowright.gif) no-repeat 10px 7px;
	border-top:#444 1px solid;
	border-right:#444 1px solid;
	border-bottom:#444 1px solid;
	padding:30px .5em .5em .5em;
	cursor:pointer;
	
	max-width:50px;
	min-width:15px;
	
	position:absolute;
	top:150px;
	left:0;
	z-index:999;
	
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .6);

	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}


.widget-dockable:hover {
	background:#000 url(images/darrowright.gif) no-repeat 11px 7px;
	min-width:16px;
}


.widget-dockable-content {
	margin:.8em;
	min-height:100px;
}

.widget-dockable-frame .closed {
	display:none;
}

.widget-dockable-frame .loading {
	background:transparent url(images/ajax-loader.gif) no-repeat 50% 50%;
}

.widget-dockable-frame .open {
/*
    position:absolute;
    top:40px;
*/  
    z-index:1000;	
    position:fixed;
    top:5px;
    bottom:5px;
    left:0px;
	display:block;

	min-width:225px;
	
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
	background:#fafafa;
	
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
	
	
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
}

.widget-dockable-frame .open .widget-dockable-content {
    position: absolute;
    top: 29px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget-dockable-frame .docked {
	display:block;
}

/**
 * once docked...
 */
.widget-dock {
	position:relative;
	z-index:1000;
	width:300px;
	background:#fafafa;
	border-right:#aaa 2px solid;
	overflow:auto;
}

.widget-dockable-header {
	border-bottom:#888 1px solid;
	background:#fff url(images/e6e6e6_40x100_textures_02_glass_75.png) repeat-x  50% 50%;
	position:relative;
	height:28px;
}


.widget-dockable-header h3 {
	position:absolute;
	right:60px;
	left:5px;
	top:3px;
	font-size:12px;
	text-align: center;
}

.widget-dockable-header button {
	position:absolute;
	top:3px;
	border:none;
	height:20px;
	width:20px;
	border:#ccc 1px solid;
	cursor:pointer;
}

.widget-dockable-header button:hover {
	background-color:#fff;
}

.widget-dockable-header .close {
	right:3px;
	background:transparent url(images/16x16/window_close.png) no-repeat 50% 50%;
}

.widget-dockable-header .pin {
	right:28px;
	background:transparent url(images/16x16/pin_black.png) no-repeat 50% 50%;
}

.widget-dockable-frame .docked .pin {
	
	border-top:#444 1px solid;
	border-left:#444 1px solid;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
}

.widget-dockable-fullsize-background.closed{
	width: 0;
	height: 0;
}

.widget-dockable-fullsize-background{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.6);
}

.widget-dockable-fullsize .widget-dockable-content{
	margin: 0 !important;
}

.widget-dockable-frame.widget-dockable-fullsize .open{
	position: fixed;
	top: 10%;
	left:50%;
	height: 80%;
	width: 850px;
	margin-left: -425px;
	overflow: auto;
}

.widget-delayed-action-loading,
.widget-delayeditem.loading {
    width: 100%;
    min-height: 30px !important;
    background: transparent; /* url(images/ajax-loader.gif) no-repeat 50% 50% !important;*/
}

.widget-table-row .widget-delayed-action-loading,
.widget-table-row .widget-delayeditem.loading {
    width: auto; /* do not set with 100% if delayed item is in a table cell */
}


.widget-delayed-action-loading > *,
.widget-delayeditem.loading > * {
    opacity:0.5;
}


.widget-20pc {
    width: 20%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-25pc {
    width: 25%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-33pc {
    width: 33.333333%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-50pc {
    width: 50%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-67pc {
    width: 66.666666%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-75pc {
    width: 75%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-80pc {
    width: 80%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-100pc {
    width: 100%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-60em {
    width: 60em;
    display: inline-block;
}
.widget-50em {
    width: 50em;
    display: inline-block;
}
.widget-40em {
    width: 40em;
    display: inline-block;
}
.widget-30em {
    width: 30em;
    display: inline-block;
}
.widget-20em {
    width: 20em;
    display: inline-block;
}
.widget-17em {
	width: 17em;
	display: inline-block;
}
.widget-16em {
	width: 16em;
	display: inline-block;
}
.widget-15em {
	width: 15em;
	display: inline-block;
}
.widget-14em {
	width: 14em;
	display: inline-block;
}
.widget-13em {
	width: 13em;
	display: inline-block;
}
.widget-12em {
	width: 12em;
	display: inline-block;
}
.widget-10em {
    width: 10em;
    display: inline-block;
}
.widget-8em {
    width: 8em;
    display: inline-block;
}
.widget-7em {
    width: 7em;
    display: inline-block;
}
.widget-6em {
    width: 6em;
    display: inline-block;
}
.widget-5em {
    width: 5em;
    display: inline-block;
}

.widget-col-30em {
    width: 30em;
}
.widget-col-20em {
    width: 20em;
}
.widget-col-17em {
	width: 17em;
}
.widget-col-16em {
	width: 16em;
}
.widget-col-15em {
	width: 15em;
}
.widget-col-14em {
	width: 14em;
}
.widget-col-13em {
	width: 13em;
}
.widget-col-12em {
	width: 12em;
}
.widget-col-10em {
    width: 10em;
}
.widget-col-8em {
    width: 8em;
}
.widget-col-7em {
    width: 7em;
}
.widget-col-6em {
    width: 6em;
}
.widget-col-5em {
    width: 5em;
}

.widget-col-20pc {
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-25pc {
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-33pc {
    width: 33.333333%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-50pc {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-67pc {
    width: 66.666666%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-75pc {
    width: 75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-col-80pc {
    width: 80%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}
.widget-col-100pc {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}




.widget-strong {
	font-weight: bolder;
}

.widget-small {
	font-size: 90%;
}

.widget-nowrap {
	white-space: nowrap;
}

.widget-checkboxmodelview {
	border:#ccc 1px solid;
	background-color: rgba(255, 255, 255, 0.5);
	padding:.3em .5em;
	display: inline-block;
}

.widget-checkboxmodelview-title {
	font-weight:bold;
}

.widget-checkboxmodelview-innerframe {
	overflow:auto;
	margin-top:.5em;
	width:100%;
}

.widget-checkboxmodelview-innerframe > .widget-layout-multicolumn {
	margin-right:1.5em !important;
}

.widget-checkboxmodelview-innerframe .widget-label {
	white-space:nowrap;
	
}

.widget-view-as-chart {
    font-size: 90%;
    margin: 0 auto;
}

.widget-instant-form {
	display: none;
}


.widget-sortable>div {
	cursor:move;
	margin:1px 0;
	padding:.2em;
}

.ui-sortable-helper {
	border:rgba(0,0,0,0.1) 1px dashed;
	border-radius:6px;
	background:rgba(0,0,0,0.02);
}


.ui-multiselect{ max-width: 250px; }
.bab-user-editor .ui-multiselect{ max-width: 400px; }
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }



.widget-description {
	font-weight:bold;
}

.widget-long-description {
	font-style:italic;
	font-weight:normal;
	color:#777;
}


.color-picker-popup {
	background:#777;
	padding:5px auto auto 10px; 
 	border-style:solid; 
 	border:none;
}

.color-picker-popup td {
	cursor:pointer;
}




.fc-view-resourceWeek tbody > tr:hover,
.fc-view-resourceMonth tbody > tr:hover,
.fc-view-resourceNextWeeks tbody > tr:hover,
.fc-view-resourceDay tbody > tr:hover {
	background-color: #f7f7f7;
}
td.fc-resourceName,
th.fc-resourceName {
	white-space: nowrap;
	border: 1px solid #ddd;
}
td.fc-resourceName > img,
td.fc-resourceName > span {
	vertical-align: middle;
	white-space: normal;
	display: inline-block;
/*	margin: 4px; */
}



@keyframes blink {
    to {
        visibility: hidden;
    }
}

.widget-sitemap-menu ul.loading li span {
	animation: blink .5s steps(3, start) infinite;
}

.ui-datepicker-calendar .widget-highlight {
	background-color: rgba(0,0,200,0.05);
}
.ui-datepicker-calendar .widget-highlight > a {
	border: 1px solid #777;
}
.widget-datepicker.inline,
.widget-datetimepicker.inline {
    background: none;
    padding-left: 0 !important;
}



/**
 * Fix for last jquery version 
 * @url http://stackoverflow.com/questions/16917430/jquery-ui-1-10-dialog-and-z-index 
 */
.ui-dialog, .ui-front { 
	z-index: 1000;
}


#jquery-overlay,
#jquery-lightbox {
	z-index: 1001 ! important;
}