/* some generic stuff - should be moved to main ???????*/
#customer-select-tabs{
	background: transparent;
}
#module-tabs{
	background: transparent;
}
#module-tabs .ui-tabs-panel {min-height:600px;}

#customer-select-dialog #dialog-tab .ui-tabs-panel {min-height:90px;}


/*this is the new look of jquery ui*/
/*******************/

/*.dent-ui-tabs.ui-tabs  - the generic tabs*/
/*******************/
.ui-tabs .ui-widget-content{ border:none; }
.dent-ui-tabs .ui-widget-header {background:transparent; border: 0px;}
/*I reset the tabs holder div padding etc. We may out that back when designing more content. Also make the tab layoutchanges here*/
.dent-ui-tabs.ui-tabs {padding: 0px; background:transparent;}
.dent-ui-tabs.ui-tabs.ui-widget-content.ui-corner-all{border:0px;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav{padding:0px; margin-bottom:2px;}
/*Draw the border around the content area that toutch the tabs*/
.dent-ui-tabs .ui-tabs-panel {border-top:2px solid #1B2835; box-shadow:0 0 3px rgba(0, 0, 0, 0.5);}
.dent-ui-tabs .ui-tabs-nav .ui-state-default{border:0px solid #ffffff;}
.dent-ui-tabs .ui-widget-header .ui-state-default{background:transparent;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-default{border:0px solid transparent; background:transparent; box-shadow:0 0 3px rgba(0, 0, 0, 0.5); background-color: white;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-default a{font-weight:normal; color:#444; border-left: 3px solid transparent;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-default a:hover{color:#ffffff; border-left: 3px solid #98CF09; border-radius:2px 2px 0 0;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-active a{color:#ffffff; border-left: 3px solid #98CF09; border-radius:2px 2px 0 0;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-active a:hover{color:#ffffff;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav li{padding:0px; margin: 1px 3px 0 0;}
.dent-ui-tabs.ui-tabs .ui-tabs-nav li a {padding: 5px 10px;}
.dent-ui-tabs.ui-tabs .ui-tabs-panel {padding:20px 20px; background: url(bg_module.png); background-repeat: repeat-x;background-color: white; }
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-default:hover{background: #666; border:0px solid #666; }
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-active{background: #1B2835; /*background: #B52F2F; */border:0px solid #1B2835; }
.dent-ui-tabs.ui-tabs .ui-tabs-nav .ui-state-active:hover{ background: #1B2835; /*background: #B52F2F;*/ border: 0px solid #1B2835; }
.dent-ui-tabs.dent-noborder .ui-tabs-panel,
.ui-dialog .dent-ui-tabs.dent-noborder .ui-tabs-panel{box-shadow: none; background: none; padding: 10px 0px}

.dent-ui-tabs.dent-smallborder .ui-tabs-panel,
.ui-dialog .dent-ui-tabs.dent-smallborder .ui-tabs-panel{padding: 10px;}

.dent-ui-tabs.dent-zeroborder .ui-tabs-panel,
.ui-dialog .dent-ui-tabs.dent-zeroborder .ui-tabs-panel{box-shadow: none; background: none; padding: 0px 0px; margin:-1px;}
.ui-dialog .dent-ui-tabs.dent-zeroborder .jtable-input{padding:0px;}
.ui-dialog .dent-ui-tabs .ui-tabs-panel{padding: 20px;}

.dent-ui-tabs.ui-tabs .dent-ui-tabs-button{
	border-radius:2px 2px 0 0;
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);	
	float: right;
	margin: 1px 0 0 3px;
    padding: 0;
	list-style: none outside none;
	cursor: pointer;
	font-weight: normal;
	color:#444;
	position: relative;
    top: 0;
	overflow: hidden;
}

.dent-ui-tabs.ui-tabs .dent-ui-tabs-button a{
	border-left:3px solid transparent;
	padding:5px 10px;
	text-decoration: none;
	color: #444;
	overflow: hidden;
	float: left;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.dent-ui-tabs.ui-tabs .dent-ui-tabs-button a:hover{
	border-left:3px solid #98CF09;
}
/* end .dent-ui-tabs.ui-tabs*/


/*.dent-ui-tabs-list.ui-tabs - patient select tabs*/
/*******************/
.dent-ui-tabs-list .ui-widget-header {background:transparent; border: 0px;}
/*I reset the tabs holder div padding etc. We may out that back when designing more content. Also make the tab layoutchanges here*/
.dent-ui-tabs-list.ui-tabs {padding: 0px;}
.dent-ui-tabs-list.ui-tabs.ui-widget-content.ui-corner-all{border:0px;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav{padding:0px; margin-bottom:0px;}
/*Draw the border around the content area that toutch the tabs*/
.dent-ui-tabs-list .ui-tabs-panel { display: none; visibility: hidden; height:0px; padding:0px !important; margin:0px !important; }
.dent-ui-tabs-list .ui-tabs-nav .ui-state-default{border:0px solid #fff;}
.dent-ui-tabs-list .ui-widget-header .ui-state-default{background:transparent;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-default{/*border:1px solid #fff;*/background-color: #FFF; box-shadow:0 0 3px rgba(0, 0, 0, 0.5); margin-right: 2px;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-default a{font-weight:normal;max-width:160px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-hover a{color:#fff;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active a{color:#fff;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active a:hover{color:#ffffff;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav li{padding:1px;margin:2px 0px 2px 1px;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav li a {padding: 3px 36px;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-default:hover{background: #666;/* border:1px solid #666;*/ color:#fff;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active{ background: #1B2835; /*background: #B52F2F; /*border:1px solid #B52F2F;*/ box-shadow:0 0 3px rgba(0, 0, 0, 0.5); }
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active:hover{ background: #1B2835; /*border: 1px solid #B52F2F;*/ }
.dent-ui-tabs-list .ui-widget-header .ui-icon {background-image: url("ui-icons_white.png");}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-icon-close {background-position: -32px -192px;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .closetab{
	border-radius:20px;
	position: absolute;
	right:0px;
	top: 50%;
	cursor: pointer; 
	margin: 5px;
	text-align: center;
	font-weight:bolder;
	text-align:center;
	background-color:#666;
	bottom:0px;
	height: 16px;
	width: 16px;
	margin-top: -8px;
}	
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .closetab:hover{background-color:#B52F2F; }
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active .closetab {background-color:#1B2835;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active .closetab:hover{background-color:#B52F2F;}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-default img{
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:25px;	
	height:100%;
	border-left:2px solid #666;
}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-hover img,
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav .ui-state-active img
{
	border-left:2px solid #98CF09;
}
.dent-ui-tabs-list.ui-tabs .dent-ui-tabs-list-button{
	/*padding:4px 10px;*/
	float: left;
    list-style: none outside none;
    margin: 1px;
    white-space: nowrap;
	/*border: 1px solid #1B2835;*/
	background: #666;
	font-weight: normal;
	cursor: pointer;
	color:#fffff;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.5);
	margin:2px 2px 2px 0px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	border-left: 3px solid #B52F2F;
}
.dent-ui-tabs-list.ui-tabs .dent-ui-tabs-list-button:hover{
	background: #B52F2F;
	border-left: 3px solid red;
}
.dent-ui-tabs-list.ui-tabs .dent-ui-tabs-list-button a{
	text-decoration: none;
	color: #fff;
	padding:4px 10px;
	float: left;
}
.dent-ui-tabs-list .ui-corner-top{
	border-radius:0px;
}
.dent-ui-tabs-list.ui-tabs .ui-tabs-nav li:last-child {
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
/*end .dent-ui-tabs-list.ui-tabs - patient select tabs*/


/* .ui-dialog */
/*******************/
.ui-dialog{
	padding:1px;
	border-radius:4px;
	z-index: 3999;
}
.ui-dialog .ui-dialog-titlebar { 
 	border: 0px;
	border-bottom: 1px solid #A5C5E9;
	background: #FFFFFF none; 
	color: #1B2835; 
	font-weight: normal; 
	font-size:1.3em;
	margin:0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 7px 10px;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.ui-dialog .ui-dialog-titlebar a { 
	color: #444; 
}
.ui-dialog .ui-dialog-titlebar-close{
	background: none;
	border:none;
	padding:0px;
	margin-top:-8px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
	background-color: #1B2835;
    background-image: url("ui-icons_white.png");
	background-position: -32px -192px;
    border-radius: 16px 16px 16px 16px;	
	border:none;
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick {
	background-color: #e05b18;/*#B52F2F;*/
	border:none;
}
.ui-dialog .ui-widget-content .ui-icon-help{
	background-image: url(ui-icons_white.png);
	background-position: -48px -144px;
	background-color: #F08A08;
	border-radius: 8px;
	padding: 0px;
}
.ui-dialog .ui-widget-content .ui-icon-alert {
	background-image: url(ui-icons_white.png);
	border-radius: 12px !important;
	width: 18px;
	height: 18px;
	background-position: 1px -144px;
	background-color: #1B2835;
	border-radius: 8px;
	padding: 0px;
	
}
.ui-dialog .ui-widget-content .ui-icon-ok {
	background-image: url(ui-icons_white.png);
	border-radius: 12px !important;
	width: 18px;
	height: 18px;
	background-position: -63px -144px;
	background-color: #0B8600;
	border-radius: 8px;
	padding: 0px;
	
}
.ui-dialog .ui-dialog-content{
	background: url(bg_module.png);
	background-repeat: repeat-x;
	background-color: white;
	padding: 20px 10px 10px 10px;
}
.ui-dialog-buttonpane.ui-widget-content{
	border:none;
	border-top: 1px solid #A5C5E9;
	margin: 0;
	padding: 5px 3px 2px 0
}
/*end .ui-dialog*/


/* ui-state-highlight */
/*******************/
.ui-state-highlight, .ui-state-error{
	background: white;
	background: -moz-linear-gradient(top, white 0%, #F0F0F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#F0F0F0));
	background: -webkit-linear-gradient(top, white 0%,#F0F0F0 100%);
	background: -o-linear-gradient(top, white 0%,#F0F0F0 100%);
	background: linear-gradient(to bottom, white 0%,#F0F0F0 100%);
	width: auto;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border-radius: 2px;
	text-align: left;
}
.ui-state-error span{
	background-color: #B52F2F;
	border-radius: 10px;
	/*margin-right: 10px;*/
}
.ui-state-highlight span{
	background-color: #1B2835;
	border-radius: 10px;
	/*/*margin-right: 10px;*/*/
}
.ui-state-error{
	color: #B52F2F;
	border: 1px solid #E18A8A;
}
.ui-state-highlight{
	color: #005CC0;
	border: 1px solid #A5C5E9;
}
/* end ui-state-highlight */


/* .ui-datepicker */
/*******************/
.ui-datepicker{width:18em;}
.ui-datepicker,.ui-datepicker-title {padding:0px; color:#858585;}
.ui-datepicker.ui-widget-content {border: 1px solid #d6d6d6;}
.ui-datepicker .ui-icon-circle-triangle-w { background-position: -96px 0; }
.ui-datepicker .ui-icon-circle-triangle-e {  background-position: -32px 0;}
/* .ui-datepicker .ui-state-hover{background: transparent; border:0px; } elrontja a timepickert */
.ui-datepicker-header .ui-state-hover .ui-icon {
	/* background-image: url("ui-icons_blue.png"); ???*/
}
.ui-datepicker-header{border-bottom:1px solid #d6d6d6; background: #f1f1f1; /* Old browsers */background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 100%); /* Opera 11.10+ */background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 100%); /* W3C */}
.ui-datepicker-header.ui-corner-all {border-top:0px;border-left:0px;border-right:0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {opacity: 0.4;}
.ui-datepicker .ui-datepicker-prev-hover { left:2px;}
.ui-datepicker .ui-datepicker-next-hover { right:2px;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker-calendar {font-size:11px;}
.ui-datepicker-calendar .ui-state-default {background: transparent; border:0px; color:#666;}
.ui-datepicker th {background:#f3f2f2; margin:0px 2px; padding: 4px 2px;}
.ui-datepicker table {margin:0px;font-size:10px;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #fdfdfd 59%, #f0f0f0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(59%,#fdfdfd), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfdfd 59%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#fdfdfd 59%,#f0f0f0 100%); /* Opera 11.10+ */background: linear-gradient(to bottom,  #ffffff 0%,#fdfdfd 59%,#f0f0f0 100%); /* W3C */}
.ui-datepicker td {margin:2px; }
.ui-datepicker td a {text-align: center;  }
.ui-datepicker td span {text-align: center;  }
.ui-datepicker table  td a.ui-state-default {font-weight:normal; }
.ui-datepicker table  td a.ui-state-hover {color:#FFF;background-color: #A5C5E9; border-radius: 2px;}
.ui-datepicker table  td a.ui-state-active {background: none; font-weight:bold;color:#FFF;text-decoration:none; background-color: #f45506; border-radius: 2px;}
.ui-datepicker .ui-datepicker-title select{color:#666}
.ui-datepicker .ui-datepicker-today a{ color: #f45506; }
.ui-datepicker .ui-datepicker-week-end a{ color: #1B2835; }
.ui-datepicker .ui-state-active {}
.ui-datepicker .ui-datepicker-unselectable .ui-state-default, .ui-datepicker .ui-state-disabled .ui-state-default{
	font-weight: normal;
}
/* end .ui-datepicker */

/*.ui-spinner*/
.ui-spinner .ui-spinner-input{
	margin:0px;
	padding-right:25px;
	/*border:none !important; 
	box-shadow: none !important;*/
}
/*.ui-spinner.ui-widget{
	border: 1px solid #d6d6d6;
}
.ui-spinner.ui-widget:hover {
	border: 1px solid #d6d6d6;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
*/
.ui-spinner a.ui-spinner-up{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #d6d6d6;
}
.ui-spinner a.ui-spinner-down{
	border-top:1px solid #d6d6d6;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.ui-spinner-button.ui-button{
	padding:0px;
	margin:0px;
}
/*.ui-spinner*/


/*jquery .ui-button (the rest of the button css is in the global.css button section)*/
.ui-button-text-only .ui-button-text{
	padding: 5px;
}
/*end .ui-button*/

/*some ui-icons*/
.ui-icon{
	cursor: pointer;
}
.ui-icon.ui-scroll-left{
	background-image: url(ui-icons_white.png);
	background-color: #1B2835;
	position: absolute;
	background-position: -97px 0px;
	border-radius: 12px;
}
.ui-icon.ui-scroll-left:hover{
	background-color: #f45506;
}
.ui-icon.ui-scroll-right{
	background-image: url(ui-icons_white.png);
	background-color: #1B2835;
	background-position: -32px 0px;
	border-radius: 12px;
}
.ui-icon.ui-scroll-right:hover{
	background-color: #f45506;
}
.ui-icon.ui-icon-calendar{
	background-image: url(ui-icons_white.png);
	background-color: #666;
	background-position: -32px -113px;
	border-radius: 2px;
	border: none;
}
.ui-icon.ui-icon-calendar:hover{
	background-color: #f45506;
}
.ui-icon.ui-icon-calendar.ui-state-active{
	background-color: #f45506;
}
/*some ui-icons*/