/*Text*/
input.text, input.empty:focus, textarea.text  {
	background: #ffffff url(../../images/common/controls/common/input-bg.png) no-repeat left top;
	border: 1px solid #71663a;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	padding: 3px 4px;
	color: #000000;
	display: inline-block;
}

div.text {
	background: #ffffff url(../../images/common/controls/common/input-bg.png) no-repeat left top;
	border: 1px solid #71663a;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	padding: 2px 4px 3px 4px;
	color: #000000;
	display: block;
	width: 173px;
}

div.text input {
	background: transparent;
	padding: 0;
	border: none;
}

input.readonly, textarea.readonly {
	background: #ffffff url(../../images/common/controls/common/input-readonly-bg.png) no-repeat left top;
}

input[type=checkbox] {
	top: 1px;
}

input.empty {
	color: #bababa;
}

input.disabled {
	background: #fefbe8 none;
	color: #545454;
}


/*Combo*/
.combobox {
	position: relative;
	border: 1px solid #71663a;
	color: #000000;
	padding: 0 0 0 4px;
	background: #ffffff url(../../images/common/controls/common/input-bg.png) no-repeat left top;
}

.combobox.invalid {
	border: 1px solid #ba0000;
	background: #ffffff url(../../images/common/controls/common/input-invalid-bg.png) no-repeat left top;
}

.combobox.invalid input {
	color: #430000;
}

.combobox .ajax__combobox_inputcontainer {
	border-collapse: collapse;
	margin: 0;
}

.combobox .ajax__combobox_textboxcontainer {
	width: 100%;
}

.combobox table tr, .combobox table tr td {
	border: none;
}

.combobox   tr:hover {
	background: transparent none !important;
	border: none;
}

.combobox table.ajax__combobox_inputcontainer td {
	padding: 0;
}

.combobox input {
	border: none;
	background: transparent none;
	color: #000000;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 100%;
	outline: none;
}

.combobox .ajax__combobox_itemlist {
	display: none;
	position: absolute;
	top: 28px;
	left: -1px;
	-webkit-box-shadow: 2px 2px 10px 0 #989898;
	-moz-box-shadow: 2px 2px 10px 0 #989898;
	box-shadow: 2px 2px 10px 0 #989898;
	height: 192px;
	overflow: auto;
	border: 1px solid #71663a;
	list-style: none outside none;
	background: #ffffff;
	width: 100%;
}

.combobox .ajax__combobox_itemlist li {
	display: block;
	font-style: normal;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	white-space: nowrap;
	color: #000000;
	text-decoration: none;
}

.combobox .ajax__combobox_itemlist li:hover {
	cursor: default;
	color: #ffffff;
	background-color: #71663a;
} 

.combobox .ajax__combobox_buttoncontainer {
	width: 17px;
}

.combobox .ajax__combobox_buttoncontainer button {
	width: 17px;
	height: 28px;
	border: none;
	background: #fffdf4 url(../../images/common/controls/combobox/button-bg.png) no-repeat center top;
}

.combobox .ajax__combobox_buttoncontainer button:hover {
	background-position: center -28px;
}


/*Radiobutton*/
.radiobutton {
	position: relative;
	width: auto;
	float: left;
	margin-right: 4px;
}

.radiobutton label {
	white-space: nowrap;
}

.radiobutton.selected .middle, .radiobutton.selected:hover .middle  {
	background: #ffd132 url(../../images/common/controls/radiobutton/selected-middle-bg.png);
}


.radiobutton.selected, .radiobutton.selected:hover {
	background: #ffd132;
}

.radiobutton.selected .corner, .radiobutton.selected:hover .corner {
	background-image: url(../../images/common/controls/radiobutton/selected-corner-bg.png);
}

.radiobutton.selected .side.top,
.radiobutton.selected .side.bottom ,
.radiobutton.selected:hover .side.top,
.radiobutton.selected:hover .side.bottom {
	background-image: url(../../images/common/controls/radiobutton/selected-side-topbottom-bg.png);
}

.radiobutton.selected .side.left,
.radiobutton.selected .side.right,
.radiobutton.selected:hover .side.left,
.radiobutton.selected:hover .side.right  {
	background-image: url(../../images/common/controls/radiobutton/selected-side-leftright-bg.png);
}

.radiobutton:hover {
	background: #ffedaf;
}

.radiobutton:hover .middle {
	background: #ffedaf url(../../images/common/controls/radiobutton/hover-middle-bg.png);
}

.radiobutton:hover .corner {
	background-image: url(../../images/common/controls/radiobutton/hover-corner-bg.png);
}

.radiobutton:hover .side.top,
.radiobutton:hover .side.bottom {
	background-image: url(../../images/common/controls/radiobutton/hover-side-topbottom-bg.png);
}

.radiobutton:hover .side.left,
.radiobutton:hover .side.right {
	background-image: url(../../images/common/controls/radiobutton/hover-side-leftright-bg.png);
}

.radiobutton input {
	position: relative;
	top: 2px;
}

.radiobutton label {
	position: relative;
	padding: 0 10px 0 5px;
	z-index: 10;
}

.hide-input input {
	display: none;
}


/*Button*/
button.button {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 28px;
	white-space: nowrap;
	border: none;
	background-color: transparent;
	margin-right: 6px;
	width: auto;
}

button.button div {
	margin: 0;
	background: transparent url(../../images/common/controls/button/button-bg.png) no-repeat right top;
	padding: 0 20px 0 0;
}

.worker button.button div {
	background: transparent url(../../images/common/controls/button/button-worker-bg.png) no-repeat right top;
}

button.button div p {
	display: block;
	padding: 0;
	margin: 0;
	height: 28px;
	line-height: 28px;
	background: transparent url(../../images/common/controls/button/button-span-bg.png) no-repeat left top;
	padding: 0 0 0 20px;
}

.worker button.button div p {
	background: transparent url(../../images/common/controls/button/button-worker-span-bg.png) no-repeat left top;
}

button.button:hover div{
	background-position: right center;
	cursor: default;
}

button.button.pressed div{
	background-position: right bottom;
}

button.button:hover div p {
	background-position: left center;
}

button.button.pressed div p {
	background-position: right bottom;
}


/*Bubble*/
.jquerybubblepopup {
	filter: none !important;
	position: absolute;
	z-index: 100000;
	max-width: 400px;
	font: 1px/1px Arial,Helvetica,sans-serif
}

.jquerybubblepopup table {
	margin: 0;
	border-collapse: collapse;
}

.jquerybubblepopup .jquerybubblepopup-innerHtml {
	background-image: url(../../images/common/controls/bubble/middle-bg.png);
}

.jquerybubblepopup .jquerybubblepopup-innerHtml div {
	font-size: 11px;
	line-height: 14px;
	color: #473f21;
}

.jquerybubblepopup .jquerybubblepopup-top-left,
.jquerybubblepopup .jquerybubblepopup-top-right,
.jquerybubblepopup .jquerybubblepopup-bottom-right,
.jquerybubblepopup .jquerybubblepopup-bottom-left {
	font-size: 1px;
	width: 12px;
	background-repeat: no-repeat;
}

.jquerybubblepopup .jquerybubblepopup-top-left,
.jquerybubblepopup .jquerybubblepopup-top-right {
	height: 12px;
}

.jquerybubblepopup .jquerybubblepopup-bottom-right,
.jquerybubblepopup .jquerybubblepopup-bottom-left {
	height: 12px;
}

.jquerybubblepopup .jquerybubblepopup-top-left {
	background-position: left top;
}

.jquerybubblepopup .jquerybubblepopup-top-right {
	background-position: right top;
}

.jquerybubblepopup .jquerybubblepopup-bottom-right {
	background-position: right bottom;
}

.jquerybubblepopup .jquerybubblepopup-bottom-left {
	background-position: left bottom;
}

.jquerybubblepopup .jquerybubblepopup-top-middle,
.jquerybubblepopup .jquerybubblepopup-bottom-middle {
	font-size: 1px;
	background-repeat: repeat-x;
}

.jquerybubblepopup .jquerybubblepopup-top-middle {
	height: 12px;
}

.jquerybubblepopup .jquerybubblepopup-bottom-middle {
	padding-left: 2px;
	height: 12px;
}

.jquerybubblepopup .jquerybubblepopup-top-middle {
	background-position: top;
}

.jquerybubblepopup .jquerybubblepopup-bottom-middle {
	background-position: bottom;
}

.jquerybubblepopup .jquerybubblepopup-middle-left,
.jquerybubblepopup .jquerybubblepopup-middle-right {
	font-size: 1px;
	width: 12px;
	background-repeat: repeat-y;
}

.jquerybubblepopup .jquerybubblepopup-middle-left {
	background-position: left;
}

.jquerybubblepopup .jquerybubblepopup-middle-right {
	background-position: right;
}

.jquerybubblepopup .choise {
	white-space: nowrap;
}


/*Datepicker*/

.ui-datepicker {
	background-color: #fcf9f1;
	border: 2px solid #ffd132;
	-webkit-box-shadow: 2px 2px 7px 0 #c6c6c6;
	-moz-box-shadow: 2px 2px 7px 0 #c6c6c6;
	box-shadow: 2px 2px 7px 0 #c6c6c6;
}

.ui-datepicker-header {
	height: 30px;
	background-color: #ffffff;
}

.ui-datepicker-header a {
	cursor: pointer;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
	display: block;
	position: absolute;
	height: 30px;
	width: 24px;
	top: 0;
	background-position: center top;
	background-repeat: no-repeat;
}

.ui-datepicker-header .ui-datepicker-prev {
	left: 0;
	background-image: url(../../images/common/controls/datapicker/prev-bg.png);
}

.ui-datepicker-header .ui-datepicker-next {
	right: 0;
	background-image: url(../../images/common/controls/datapicker/next-bg.png);
}

.ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker-header .ui-datepicker-next:hover {
	background-position: center bottom;
}

.ui-datepicker-title {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	width: 190px;
	text-align: center !important;
	font-size: 13px;
	color: #000000;
	white-space: nowrap;
}

.ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker-header .ui-datepicker-next span {
	display: none;
}


table.ui-datepicker-calendar {
	border-collapse: collapse;
	background-color: #ffffff;
}

table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {
	font-weight: normal;
	border: 1px solid #eeeded !important;
	text-align: center !important;
}

table.ui-datepicker-calendar td a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 6px 6px;
}

table.ui-datepicker-calendar td a:hover {
	background-color: #ffc200;
}

table.ui-datepicker-calendar td {
	font-size: 12px;
}

table.ui-datepicker-calendar th {
	font-size: 11px;
	background: #8c9ec5 url(../../images/common/controls/datapicker/workday-name-bg.png) no-repeat center center;
	color: #ffffff;
	padding: 7px 6px;
}

table.ui-datepicker-calendar th.ui-datepicker-week-end {
	background: #5c76ad url(../../images/common/controls/datapicker/dayoff-name-bg.png) no-repeat center center;
}

table.ui-datepicker-calendar td.ui-datepicker-week-end {
	background-color: #eef5ff;
}

td.ui-datepicker-today {
	background: #fff2be url(../../images/common/controls/datapicker/today-bg.png) no-repeat center center;
}

td.ui-datepicker-current-day {
	background: #4662b2 url(../../images/common/controls/datapicker/selected-day-bg.png) no-repeat center center;
	color: #ffffff;
}

td.ui-datepicker-current-day a {
	color: #ffffff;
}

table.ui-datepicker-calendar .ui-datepicker-other-month {
	color: #d3d3d3;
}

.ui-datepicker-buttonpane {
	text-align: center;
	border-bottom: none;
	overflow: hidden;
	background-color: #fdf8d0;
	margin: 0;
	padding: 4px 0 4px 10px;
}

.ui-datepicker-buttonpane button {
	float: left;
	margin: 2px;
}

.ui-timepicker-div {
	background: #fdf8d0 url(../../images/common/controls/datapicker/time-bar-bg.png) repeat-x top;
	padding: 10px 0;
}

.ui-datepicker-buttonpane a {
	padding: 0;
}

.ui_tpicker_hour_label {
	padding: 5px 10px;
	text-align: center;
	font-size: 13px;
}

.ui_tpicker_hour {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 12px 0 12px;
	position: relative;
	height: 1px;
	background-color: #dedabb;
	border-top: 1px solid #b7b07a;
	border-bottom: 1px solid #fffdf2;
	border-left: 1px solid #cdc98d;
	border-right: 1px solid #ffffff;
}

.ui_tpicker_hour a {
	display: block;
	width: 9px;
	height: 9px;
	background: transparent url(../../images/common/controls/button/slider-bg.png) no-repeat center center;
	position: relative;
	top: -4px;
}

a.window-operation {
	display: block;
	width: 21px;
	height: 21px;
	padding: 0;
	margin: 0 auto;
}

a.window-operation span {
	display: none;
}

a.window-operation.close {
	background: #e3dbbe url(../../images/common/controls/common/close-bg.png) no-repeat center top;
}

a.window-operation.apply {
	background: #e3dbbe url(../../images/common/controls/common/apply-bg.png) no-repeat center top;
}

a.window-operation.close:hover, 
a.window-operation.apply:hover {
	background-position: center -21px;
	cursor: default;
}


/*Online text field*/
.online-text {
	width: 100%;
	overflow: hidden;
}

.online-text .small-button, .online-text textarea {
	float: left;
	margin-right: 3px;
	overflow: hidden;
	resize: none;
	outline: none;
}

.online-text.readonly .small-button {
	display: none;
}

.online-text.readonly .text {
	background: transparent none;
	border: none;
}


/*Small button*/
.small-button {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 2px 0 0;
	background: transparent url(../../images/common/controls/button/small-button-bg.png) no-repeat center top;
}

.small-button p {
	display: block;
	width: 24px;
	height: 24px;
}

.small-button.apply p {
	background: transparent url(../../images/common/controls/icons/apply-16x16.png) no-repeat center center;
}

.small-button.undo p {
	background: transparent url(../../images/common/controls/icons/undo-16x16.png) no-repeat center center;
}

.small-button.delete p {
	background: transparent url(../../images/common/controls/icons/delete-16x16.png) no-repeat center center;
}

.small-button:hover {
	background-position: 0 -24px;
} 

.small-button.pressed {
	background-position: 0 -48px;
} 

.small-button span {
	display: none;
}


/*Error message*/
div.icon {
	padding: 5px 15px 5px 25px;
}

table.message {
	width: 100%;
}

.message .middle {
	background-color: #fff8dd;
}

.message .side.right {
	width: 22px;
}


/*error*/
.error div.icon {
	background: transparent url(../../images/common/controls/icons/error-18x18.png) no-repeat 2px center;
}

.reg-message {
	margin: 5px 0;
}

.reg-message .error div.icon {
	background: transparent url(../../images/common/controls/icons/alarm-18x18.png) no-repeat 2px center;
}

.reg-message .error, .reg-message .middle {
	background-color: #ffedb6;
}

.message.error .corner {
	background-image: url(../../images/common/controls/common/form-error-message-corner-bg.png);
}

.reg-message .error .corner {
	background-image: url(../../images/common/controls/common/form-alarm-message-corner-bg.png);
}

.message.error .side.left,
.message.error .side.right {
	background-image: url(../../images/common/controls/common/form-error-message-side-leftright-bg.png);
}

.reg-message  .error .side.left,
.reg-message .error .side.right {
	background-image: url(../../images/common/controls/common/form-alarm-message-side-leftright-bg.png);
}

.message.error .side.top,
.message.error .side.bottom {
	background-image: url(../../images/common/controls/common/form-error-message-side-topbottom-bg.png);
}

.reg-message  .error .side.top,
.reg-message  .error .side.bottom {
	background-image: url(../../images/common/controls/common/form-alarm-message-side-topbottom-bg.png);
}

/*info*/
.info div.icon {
	background: transparent url(../../images/common/controls/icons/info-18x18.png) no-repeat 2px center;
}

.message.info .corner {
	background-image: url(../../images/common/controls/common/form-info-message-corner-bg.png);
}

.message.info .side.left,
.message.info .side.right {
	background-image: url(../../images/common/controls/common/form-info-message-side-leftright-bg.png);
}

.message.info .side.top,
.message.info .side.bottom {
	background-image: url(../../images/common/controls/common/form-info-message-side-topbottom-bg.png);
}

.company-description textarea {
	border: none;
	background: transparent none;
	width: 97%;
	overflow: hidden;
	/*height: 54px;*/
	color: #373737;
	resize: none;
	outline: none;
	line-height: 18px;
	font-size: 12px;
}

/*loader*/
.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid #51504f;
	padding: 10px;
	width: 70px;
	height: 56px;
	margin-top: -28px;
	margin-left: -35px;
	text-align: center;
}