#timeTableContainer_wrapper #scroll_left_wrapper
{
	width: 90px;
	height: 112px;
}

#timeTableContainer_wrapper #scroll_left_wrapper #scroll_left
{
	display: none;
	width: 19px;
	height: 39px;
	background: url(../img/scroll_left.png) no-repeat right;
	float: right;
	margin-top: 37px;
	margin-right: 7px;
	cursor: pointer;
}

#timeTableContainer_wrapper #scroll_left_wrapper #scroll_left.disabled
{
	visibility: hidden;
}

#timeTableContainer_wrapper #scroll_right_wrapper
{
	width: 26px;
	height: 112px;
	float: left;
	overflow: hidden;
}

#timeTableContainer_wrapper #scroll_right_wrapper #scroll_right
{
	display: none;
	width: 19px;
	height: 39px;
	background: url(../img/scroll_right.png) no-repeat left;
	float: left;
	margin-top: 37px;
	margin-left: 7px;
	cursor: pointer;
}

#timeTableContainer_wrapper #scroll_right_wrapper #scroll_right.disabled
{
	visibility: hidden;
}

#leftcolumn_wrapper, #timespan_wrapper
{
	float: left;
	overflow: hidden;
	width: 90px;
}

#timespan_wrapper .timeSpan
{
	border-bottom: 1px solid white;
	border-right: 1px solid white;
    color: #333333;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 89px;
	text-align: center;
	line-height: 22px;
	background: url(../img/timetable_timespan_shadow.png) repeat-y right #EEF7E2;
	position: relative;
}

#timespan_wrapper div:first-child
{
	-moz-border-radius: 6px 0px 0px 0px;
	-webkit-border-radius: 6px 0px 0px 0px;
	border-radius: 6px 0px 0px 0px;
}

#timeTable
{
	border-spacing: 1px !important;
	background: #fff;

	position:absolute;
}

#timeTable .emplyee_column
{
	float: left;
	overflow: hidden;
	width: 168px;
}

#timeTable .employee_column_header
{
	background: url(../img/timetable_header_shadow.png) repeat-x bottom #52B100;
	padding: 8px 6px 8px 8px;
	text-align:left;

	width: 153px;
	height: 95px;
	overflow: hidden;

	position: relative;

	border-bottom: 1px solid white;

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

#timeTable .employee_column_header #e_photo{
	float: left;
	overflow: hidden;
	padding:1px;
	border:1px dotted #fff;
}

#timeTable .employee_column_header #e_photo img
{
	display: block;
	width: 60px;
}

#timeTable .employee_column_header .service
{
	float: left;
    margin-left: 2px;
    overflow: hidden;
    width: 85px;
}

#timeTable .employee_column_header .inactive{
	color: #911E23;
	font-weight: bold;
    float: left;
    margin-left: 2px;
    margin-top: 13px;
    padding: 0 0 0 5px;
    width: 80px;
}

#timeTable .employee_column_header .icon
{
	float: left;
	overflow: hidden;
	width:32px;
	height:32px;
}

#timeTable .employee_column_header .icon img
{
	display: block;
}

#timeTable .employee_column_header .e_fname,
#timeTable .employee_column_header .e_lname
{
	clear: both;
	color:#fff;
	padding: 3px 0 0 0;
	line-height: 1.1em;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	max-width: 153px;
    overflow: hidden;
}

#timeTable .emplyee_column .employee_timespan
{
	float: left;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	height: 23px;
	width: 167px;
    position: relative;
}

#timeTable .emplyee_column .employee_timespan img
{
	margin-left:4px;
	float: left !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-right: 5px !important;
	cursor: pointer;
}

#timeTable .emplyee_column .timeField
{
	background-color:#8CC832;
}

#timeTable .emplyee_column .timeFieldDisabled
{
	background-color:#dddFdd;
}

#timeTable .emplyee_column .timeFieldOutsideWtime
{
	background-color:#E6F6CF;
}

#timeTable .emplyee_column .timeFieldNotBookableClient
{
	background-color:#DCC469;
}

#timeTableContainer
{
	position: relative;
	width: 504px;
	overflow: hidden;
	float: left;
}

#timeTableContainer img
{
	-moz-box-shadow: 0px 0px 0px;
    clear: none;
    float: none;
    margin: 0px;
    padding: 0px;
}

#saloonLeftContainer
{
	min-height: 20px;
	text-align: left;
	width: 220px;
	padding: 1px 10px 10px 40px;
	float: left;
	overflow: hidden;
}

.ui-datepicker
{
	padding: 0px;
	background: transparent none;
	position: relative;
}

#saloonLeftContainer .ui-datepicker
{
	width: 185px;
}

.dashboardCollumn .ui-datepicker
{
	/*width: 100%;	*/
	width:269px;
}

select.ui-datepicker-month, select.ui-datepicker-year {
    background: none repeat scroll 0 0 transparent;
    border: 1px dotted white;
    color: white;
    font-size: 0.897em !important;
    height: 1.6em;
    padding: 0 !important;
    text-align: center;
	float: right;
}

select.ui-datepicker-month {
	margin: 0 5px 0 0 !important;
}

select.ui-datepicker-year {
    margin: 0 2px 0 0 !important;
}

select.ui-datepicker-month > option, select.ui-datepicker-year > option {
    background: none repeat scroll 0 0 white;
    color: #333;
}

.ui-datepicker tr td
{
	padding: 0px;
	border: 0px none;
	border-top:2px solid transparent;
	border-left:2px solid transparent;
	background: transparent;
}

.ui-datepicker table
{
	border-collapse: separate;
}

.ui-datepicker tr td:first-child
{
	border-left:0px none;
}

.ui-datepicker tr td a,
.ui-datepicker tr td span
{
	padding: 0.05em 0.4em;
	font-size: 10px;

	position: relative;

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

.ui-datepicker .ui-datepicker-header
{
	background:#8CC63E;

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

.ui-datepicker .ui-datepicker-header span,
.ui-datepicker table thead th span,
.ui-datepicker table thead th,
#content .ui-datepicker table thead th span
{
	font-weight: bold;
	font-style: normal;
	color:#FFF;
}

.ui-datepicker .ui-datepicker-header a.ui-state-hover,
.ui-datepicker .ui-datepicker-header span.ui-state-hover
{
	background-color: transparent!important;
}

.ui-datepicker table thead th,
#content .ui-datepicker table thead th
{
	background: #52B100;
	color:#fff;
	padding: 0.2em 0;
	text-align:center;
	font-size: 11px;
}

.ui-datepicker table {
    font-size: 100%;
	border-spacing: 0px!important;
}

.ui-datepicker td.ui-datepicker-week-col {
	color: #C0C0C0;
	vertical-align: middle;
	text-align: center;
	padding: 0.05em 0.4em;
	font-size: 10px;
}

#datepicker-container {
    font-size: 8px !important;
	overflow: hidden;
	display: block;
	float: left;
	clear: both;
	padding: 0 0 11px 0;
	margin-bottom: 9px;
	border-bottom: 1px dotted #CC0000;
	min-width: 185px;
	min-height: 153px;
}

#nextSevenContainer
{
	overflow: hidden;
	clear: both;
	padding-bottom: 8px;
	margin-bottom: 9px;
	width: 185px;
	border-bottom: 1px dotted #CC0000;
}

#nextSevenContainer.noBorder
{
	border-bottom: 0px none;
}

#nextSevenContainer ul
{
	overflow: hidden;
}
#nextSevenContainer ul li
{
	color:#CC0000;
	margin-bottom: 3px;
	overflow: hidden;
	display: block;
	float: left;
	clear: both;
	background: url('../img/bullet.png') left 8px no-repeat;
	padding-left: 12px;
	width: 173px;
}

#nextSevenContainer a
{
	font-weight: bold;
	color:#CC0000;
	font-size:11px;
	display: block;
    float: left;
    margin-right: 2px;
	overflow:hidden;
}

#nextSevenContainer a.videolink{
	 margin-top: 1px;
}

#nextSevenContainer a.videolink img{
	display:block;
}

#saloonLeftContainer div.leftMenuTitle
{
	margin-bottom: 5px;
}

#saloonLeftContainer div.leftMenuTitle,
#legendCointainer span
{
	font-weight: bold;
	text-align: left;
	color:#CC0000;
	font-size:12px;
}

#legendCointainer
{
	text-align: left;
	float: left;
	overflow: hidden;
	width: 185px;
}

#schedule_content
{
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
}

#graphicHolder
{
	overflow: hidden;
}
#timeTableContainer_wrapper
{
	float: left;
	overflow: hidden;
	width: 620px;
}
#timeTableContainer .procedure
{
	position:absolute;
	z-index:100;
	text-align: left;
	display: block;
	vertical-align: middle;
	width: 167px;
	font-size: 10px;
	color:#fff;
}

.fixed
{
	background-color:#3D85C6;
	display:block;
	color:#CC0000;
	z-index:10 !important;
}

.fixed_intake
{
	background-color:#1a4975;
	display:block;
	color:#CC0000;
	z-index:10 !important;
}

.fixed.individual {
	background-color:#9D00FF;
}

.optional
{
	background-color:#71D2EA;
	display:block;
	color:#333;
	z-index:10 !important;
}

.optional.individual {
	background-color:#B27AD4;
}

.pending
{
	background-color:#D4787A;
	display:block;
	color:#333;
	z-index:10 !important;
}

.blackout
{
	background-color:#FDFEC7;
	display:block;
	color:#333;
	z-index:5;
}

.public, .internal {
	text-transform: capitalize;
}

#choose_schedule
{
	width:165px;
	margin-top:5px;
}

.ui-datepicker-trigger
{
	width:24px;
	height:20px;
	border:0px;
	margin:0px 0px 0px 3px;
	padding:0px;
	background: transparent;
	float:left;
	cursor: pointer;
}

.ui-datepicker-trigger img
{
	border:0px !important;
	margin:0px;
	padding:0px;
}

#ui-datepicker-div
{
	z-index: 4000 !important;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8CC63E;
	padding: 3px 3px 0;
	-moz-box-shadow: 1px 1px 1px #ddd;
}

#leftFormPopup
{
	width:355px;
	height:360px;
	float:left;
}

#rightFormPopup
{
	width:170px;
	height:290px;
	border-left:1px solid #fff;
	float:left;
	padding-left:5px;
}

#rightFormPopup img {
    border: 1px dotted #000000;
    float: right;
    margin: 1px 2px 1px 1px;
    padding: 1px;
	width:60px;
}
#bottomFormPopup
{
	width:100%;
	height:30px;
	float:left;
	margin-top:5px;
	border-top:1px solid #fff;
	padding-top: 8px;
}

#leftFormPopup input[type="text"]
{
	width:160px;
}

a.acceptProcPopup
{
	background-color: #8CC63E;
    border: 1px solid #333333;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin-top: 0;
    padding: 1px 6px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

#leftFormPopup select
{
    width:160px;
}
#birthday select
{
	width:51px;
}

#time select
{
	width:55px;
}

#bottomFormPopup input[type="submit"]
{
	width:120px;
	background-color:#8CC63E;
	/*text-shadow: 1px 1px 1px #000;*/
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

#bottomFormPopup div
{
	font-size:11px;
	font-weight:bold;
}

.ui-dialog,.ui-dialog-buttonpane
{
	margin:0px!important;

	-moz-box-shadow: 1px 2px 7px 0 #333333;
	-webkit-box-shadow: 1px 2px 7px 0 #333333;
	box-shadow: 1px 2px 7px 0 #333333;
}
.ui-dialog-titlebar
{
	background:#8CC63E !important;
	padding: 0.16em .45em !important;

	-moz-border-radius: 3px 3px 1px 1px!important;
	-webkit-border-radius: 3px 3px 1px 1px!important;
	border-radius: 3px 3px 1px 1px!important;
}

#leftFormPopup table
{
	/*text-shadow: 1px 1px 1px #fff;*/
	color:#000;
	font-size:11px;
	font-weight:bold;
}

#bottomFormPopup
{
	/*text-shadow: 1px 1px 1px #fff;*/
	color:#000;
	font-size:11px;
	font-weight:bold;
}

#bottomFormPopup input[type="text"],
#bottomFormPopup input[type="password"]
{
	width:150px;
}

.ui-dialog
{
	border:2px solid #80CA0C;
	padding:2px;

	-moz-border-radius: 6px 6px 1px 6px;
	-webkit-border-radius: 6px 6px 1px 6px;
	border-radius: 6px 6px 1px 6px;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: -11px -4px 0 0;
}

.ui-widget-header .ui-button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

.ui-widget-header .ui-button.ui-state-active {
    background: transparent none;
}

.ui-dialog-content
{
	padding:0!important;
	margin:7px 5px 5px 5px!important;

	color:#252525;
	font-size:11px;
	font-weight:bold;
}

.procContent
{
	display: inline-block;
    float: left;
    font-size: 10px;
    margin-left: 0;
    padding: 2px 3px;
	word-wrap:break-word;
    width: 160px;
	color: #FFF;
	min-height: 19px;
	position: absolute;
	z-index: 1;
}

.editOver
{
	display:none;
	padding-top: 2px;
	float:right;
	overflow: hidden;
	position: absolute;
	right:0px;
	z-index: 3;
}

.editOver img
{
	float:none !important;
	clear:none !important;
	padding: 0px !important;
	-moz-box-shadow: 0px 0px 0px !important;
	cursor: pointer;
	display: block;
	float: left;
}

#machInfo
{
	font-size:12px;
	text-align:center;
	display: table-cell;
	height:70px;
	vertical-align:middle;
	width:170px;
}
#shopInfo
{
	font-size:11px;
	text-align:center;
	display:block;
	margin-left:10px;
	border-bottom: 1px solid #fff;
}
h4
{
	margin-bottom:5px;
	text-transform:capitalize;
	font-weight: 900;
}

.freeday
{
	display:block;
	width:22px;
	height:18px;
	font-size:18px;
	border:1px solid #008000;
	float:left;
	margin:3px;
	text-align:center;
}

.free
{
	float:left;
	width:100%;
	display:block;
}

h1.free
{
	padding-top:10px;
	border-top:1px solid #008000;
}

#leftFormPopup tr td {
	background: transparent !important;
	padding:2px !important;
}

.worker_add
{
	position: relative;
	float: left;
	overflow: hidden;
}

.worker_add .worker_info {
	clear:both;
	overflow: hidden;
	margin-bottom: 5px;
}

.worker_add .worker_info h2 {
	float:left;
}

.worker_add > div > img
{
	width: 200px;
}

.worker_add .worker_info img
{
	float:right;
	width: 60px;
}

#frontLogout
{
	width:100%;
	text-align:right;
	margin-bottom: 5px;
}
#frontLogout img
{
	height:12px;
	background: transparent !important;
	-moz-box-shadow: none !important;
	margin: 0px 5px 0px 2px
}
#frontLogout a
{
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}


.adminlogin
{
	width: 280px;
	float:left;
}

.registerContainer
{
	width: 580px;
	margin: 0px auto;
}
.adminlogin label
{
	width: 100px !important;
}
.adminlogin input
{
	width: 150px !important;
}

.adminlogin input[type="submit"] {

 float:right;
 margin-right:25px;
 margin-top: 10px;
}

.adminlogin .error-message
{
	margin-left: 105px !important;
}

.topLogin
{
	display: none;
	position:absolute;
	background: #75cb00;
	top: 20px;
	left:0px;
	z-index: 100;
	padding: 0px 10px;
	width: 260px;
	border: 1px solid #fff;
	overflow: hidden;
}


.topLogin label
{
	width: 100px !important;
	color: #fff;
}
.topLogin input
{
	width: 150px !important;
}
.topLogin input[type="submit"]
{
	  background: none repeat scroll 0 0 #D4787A;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 135px;
	margin: 0px auto 0px auto;
}

.userDashboard
{
	width: 350px;
	margin: 10px auto 10px auto;
}
.userDashboard a
{
	float:left;
	width: 110px;
	display:block;
	margin: 25px;
	text-align: center;
	text-decoration: none  !important;
}

.userDashboard img
{
	 -moz-box-shadow: 0px 0px 0px #999999 !important;
	-webkit-box-shadow: 0px 0px 0px #999999 !important;
	box-shadow: 0px 0px 0px #999999 !important;

}

div.date select {
    width: 77px;
}

div.time select {
	width: 77px;
}

.hiddenDiv
{
	display: none;
}
.miltipleCheckbox
{
	display:block;
	margin-left:160px;
}
#inputCopy
{
	overflow: hidden;
	display:block;
}
#inputCopy2
{
	overflow: hidden;
	display:none;
}

#topMenuLogin
{
	background: url(../img/top_login_panel.png) no-repeat;
	width:172px;
	height:62px;
	position: absolute;
	right: 12px;
	top:10px;
	padding:2px 8px 0 10px;

}

#topMenuLogin .welcome
{
	width:166px;
	float:left;
	color: #000;
	font-weight:bold;
	padding-top: 5px;
}
#topMenuLogin .logout
{
	width:50px;
	float: right;
	color: #9a1918;
	font-weight:bold;
	font-size: 10px;
	padding-top: 9px;
}

#topMenuLogin .welcome span
{
	float:left;
	color: #d67879;
	padding-right:10px;
	display:block;
	height: 33px;
}

#topMenuLogin input
{

	width:150px;
	height:13px;
	line-height: 13px;
	border: 1px solid #9a1918;
	font-size:10px;
	color:#000;
	background-color:#fff;

}

#topMenuLogin input[type="submit"]
{
	width:80px;
	height:19px;
	line-height: 19px;
	background-color:#9a1918;
	color:#fff;
	font-size:12px;
	vertical-align: middle;
}

#topMenuLogin a.register
{
	color: #9A1918;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin-right: 10px;
}

#topMenuLogin .passwordForgotten
{
	background: none repeat scroll 0 0 transparent !important;
    display: block;
    float: left;
    padding-top: 4px;
    width: 10px;
}

#topMenuLogin .passwordForgotten img
{
	display: block;
}

#header_container #topmenu {
    float: right;
    margin: 0px !important;
    position: relative;
}

#header_container .afspraak_link
{
	background:	url(../img/maak_afspraak.png) no-repeat center left;
	padding:	0px 6px 0px 19px;
	text-decoration:none;
	border-right: 1px solid #fff;
	margin-right: 5px;
	font-weight: bold;
}

#header_container .contact_link
{
	background:	url(../img/contact_top_menu.png) no-repeat center left;
	padding:	0px 6px 0px 19px;
	text-decoration:none;
	border-right: 1px solid #fff;
	margin-right: 5px;
	font-weight: bold;
}

#header_container #title
{
    color: #981B1E;
    float: left;
    font-family: "Arial Black",sans-serif;
    font-size: 15.5px;
    font-weight: bold;
    margin: 45px 0 0 0;
    overflow: hidden;
}

#topMenuButtons
{
	position: absolute;
	right: 200px;
	top: 20px;
	width: 270px;
	text-align: right;
}

#topMenuLogin a.myDieet,
#topMenuLogin a.myDieet:hover
{
	background-color: #D67879;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 18px;
    margin-top: 8px;
    padding: 1px 11px 2px 11px;
    text-decoration: none;
	min-width: 144px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#topMenuLogin a.myDieetDropDown,
#topMenuLogin a.myDieetDropDown:hover
{
	padding:2px 16px 2px 6px;
	background:	url("../img/dropdown_arrow_16.png") no-repeat scroll right 3px #D67879;
	cursor: pointer;
}

#myDeetDropDownMenu
{
	background: none repeat scroll 0 0 #FDFAF6;
    border: 1px solid #D67879;
    display: none;
    padding: 0px 5px 3px 7px;
    position: absolute;
	z-index: 9999;
	overflow: hidden;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#myDeetDropDownMenu label.info_label
{
	color: #D4787A;
	display: block;
	float: left;
	font-weight: bold;
	margin-right:5px;
	font-size: 90%;
}

#myDeetDropDownMenu div.itoggle
{
    float: right;
	margin-top: 1px;
}

#myDeetDropDownMenu .myDieetSettingRow
{
	float: left;
	padding:2px;
	width: 236px;
	margin: 0 0 4px 0;
}

.collapsedPanel .myDieetSettingRow {
	display: none;
	min-height: 50px;
}

#myDeetDropDownMenu .myDieetSettingRow a.panelMenuLink {
	clear: both;
	float: left;
	overflow: hidden;
	text-decoration: none;
	font-size: 90%;
}

#myDeetDropDownMenu .myDieetSettingRow a.panelMenuLinkImp {
	font-weight: bold;
}

#myDeetDropDownMenu .menu_spacer
{
	margin:0px;
	padding:0px;
	overflow:hidden;
	clear:both;
	height: 10px;
}

#myDeetDropDownMenu .panelTitle {
	background: none repeat scroll 0 0 #D4787A;
	color: white;
	font-weight: bold;
	margin: 1px 0 4px;
	padding: 0 5px 1px;

	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.collapsedPanel .panelTitle {
	cursor: pointer;
}

#myDeetDropDownMenu .panel
{
	float: left;
	width: 240px;
	clear: both;
	overflow: hidden;
	margin-top: 7px;
}

.foreign
{
	background-color:#CCC;
}

.scheduleEdit
{
	cursor: pointer;
}

.newUserInfo
{
	display:none;
}
.oldUserInfo
{
	display:table;
}

#inputCopy label.radioTitleLabel
{
	font-weight: bold;
	clear: both;
}

#inputCopy input[type="radio"]
{
	float:left;
	clear: left;
	height: 20px;
    margin-left: 10px;
    width: 20px;
}

div.radio label
{
	width:200px;
	height:20px;
	line-height: 20px;
	vertical-align: middle;
}


#page_content input[type="radio"],
#text_content input[type="radio"],
.regularFormWrapper input[type="radio"]
{
	float:left;
    margin: 4px 2px 0 10px;
    width: 20px;
}

#page_content div.radio label,
#text_content div.radio label
{
	float:left;
	width:80px;
}

.regularFormWrapper div.radio label {
	float: left;
	width: auto;
}

#admin_content #text_content
{
	margin-left: 160px;
}

#datepicker-repeat
{
  width: 105px;
}

#PageViewForm  div.radio label,
.regularFormWrapper div.radio label
{
	background-color: transparent !important;
}

#dashboardContainer ol.dashboard_items {
    list-style: none outside none;
    margin-bottom: 5px;
    margin-left: 0;
	overflow: hidden;
	background: none repeat scroll 0 0 #F8F8F8;
	border:1px solid #DDDDDD;
}

#dashboardContainer ol.dashboard_items li {
    overflow: hidden;
    padding: 2px 8px 3px;
    float: left;
}

#dashboardContainer ol.dashboard_items li a{
	display:block;
	float:left;
	width:246px;
	text-decoration: none;
}

#dashboardContainer ol.dashboard_items li.sectionTitle a {
	background: url(../img/tree_expand.png) no-repeat right;
}

#dashboardContainer ol.dashboard_items li.sectionTitle a.open {
	background: url(../img/tree_collapse.png) no-repeat right;
	font-weight: bold;
}

.changePhotoWrapper label
{
	height:19px;
	padding-top:4px !important;
}

.backButtonForm
{
	float:right !important;
}

.prevNext
{
	font-size: 10px;
	color:#fff !important;
	/*text-shadow:1px 1px 0px #000 ; */
	float:left;
	width:100%;
	text-align:center;
	display: inline-block;
}

#memberid option
{
	float:left;
	height:16px;
	position:relative;
}

#memberid
{

	position:relative;
}

.info
{
	position: absolute;
	z-index: 200;
	right: 0px;
}

.even_row
{
	background-color:#EEE;
}

select#memberid
{
	height:96px;
}

#UserBirthdayDay
{
	width:55px;
}

#UserBirthdayMonth
{
	width: 99px;
}

.datepicker .ui-state-active,
.datepicker  .ui-widget-content .ui-state-active,
.datepicker  .ui-widget-header .ui-state-active {
    background: none repeat scroll 0 0 #D67879 !important;
    color: #FFFFFF;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	border: 0px !important;
}

#datepicker
{
	width: 185px !important;
}

#dashboardPicker .ui-datepicker {
	width:265px;
}

#dashboardPicker .ui-datepicker .ui-datepicker-header,
#dashboardPicker .ui-datepicker table thead th{
	font-size: 12px;
}

#dashboardPicker .ui-datepicker tr td a,
#dashboardPicker .ui-datepicker td.ui-datepicker-week-col {
	font-size: 11px;
	padding:	0.25em 0.4em;
}

#saloonLeftContainer #datepicker {
	font-size: 9px;
}

#midPopupInfo
{
	width: 130px;
	padding-left: 10px;
	float:left;
	padding-right:10px;
}
#rightPopupInfo
{
	width: 315px;
	float: left;
	border-left: 1px solid #fff;
	padding-left: 10px;
	overflow: hidden;
}

#rightPopupInfo #userInfoContainer
{
	float: left;
	margin: 0px;
	width: 315px;
	clear: both;
}

#rightPopupInfo div.input{
	min-height:20px;
}

#rightPopupInfo div.radio label
{
	width: 40px;
	float: left;
}
#rightPopupInfo div.radio input
{
	width: 30px !important;
	height: 20px;
	float: left;
}

#rightPopupInfo #covButtonWrapper {
	overflow: hidden;
	margin-bottom: 5px;
}

#ChooseSaloonContainer
{
	width: 185px;
	float: left;
	text-align: left;
}

#ChooseSaloonContainer .disabledlocation_txt
{
	color:	#CC0000;
	display: block;
	padding-top: 3px;
}

#SaloonInfoContainer
{
	overflow: hidden;
	min-width: 180px;
	float: left;
	text-align: left;
	padding-left: 44px;
}

#topSaloonStuff
{
	border-bottom: 1px dotted #52B100;
    margin: 5px 37px 11px 40px;
    overflow: hidden;
    padding-bottom: 11px;
}

#topSaloonStuff #flashMessage
{
	margin: 			0 0 10px 0;
}


#topSaloonStuff #saloonTopMenu
{
    float: right;
    overflow: hidden;
	text-align:right;
}

#topSaloonStuff #saloonTopMenu a
{
	color: #CC0000;
    font-size: 11px;
    font-weight: bold;
}

#rightPopupInfo div.input input,
#rightPopupInfo div.input textarea,
#rightPopupInfo div.input select {
    padding-left: 5px;
    width: 150px;
}

#rightPopupInfo div.input select {
	width: 157px;
}

#rightPopupInfo div.date select {
    padding-left: 0px;
    width: 50px;
}

#rightPopupInfo div.date [id$="Day"] {
	width:49px;
}

#popupAdminAppointment
{
	padding: 10px 0px 10px 10px;
	overflow: hidden;
}

#popupAdminAppointment .button input[disabled],
#popupAdminAppointment .button a[disabled]
{
	color: #777;
	background: #eaeaea;
	border-color: #999;
}

.hasAppointment a
{
	background-color: #FEFFC8 !important;
	color:#000  !important;
	/*text-shadow: 1px 1px 1px #fff !important;*/
}

#legend
{
	width: 185px;
	font-size: 10px;
	color:#333;
	line-height: 12px;
	overflow: hidden;
	padding-top: 5px;
}

#legend span
{
	display:block;
	width: 16px;
	height: 11px;
	float:left;
	color:#333;
	margin-right: 7px;
	border: 1px solid #000;
}

#legend span.legendImg {
	border: 0px none;
	height:auto;
}

#legend h6
{
	float:left;
	color:#333;
	font-weight: bold;
	margin-right: 3px;
}

#legend .legend-item
{
	float: left;
	clear: both;
	margin-bottom: 12px;
	width: 185px;
}

#legend .legend-info
{
	float: left;
	width: 160px;
	text-align: justify;
}

#legend span#free
{
	background-color: #8CC832;
}

#legend span#freeoutwtime
{
	background-color: #E6F6CF;
}

#legend span#freenotbookableclient
{
	background-color: #DCC469;
}

#legend span#awaiting
{
	background-color: #D4787A;
}

#legend span#optional
{
	background-color: #71D2EA;
}

#legend span#individual_optional
{
	background-color: #B27AD4;
}

#legend span#video_awaiting
{
	background-color: #D6292E;
}
#legend span#blocked
{
	background-color: #DDDFDD;
}
#legend span#foreign
{
	background-color: #CCCCCC;
}
#legend span#approved
{
	background-color: #3D85C6;
}
#legend span#approved_intake
{
	background-color: #1a4975;
}
#legend span#individual_approved
{
	background-color: #9D00FF;
}
#legend span#video_approved
{
	background-color: #004080;
}
#legend span#coffee
{
	background-color: #FDFEC7;
}
#legend span#internal
{
	background-color: #CCFFDE;
}


#employee_table select
{
	width: 150px;
}

.ajax_editapp_remarkdiv
{
	background-color:#ECE9D8;
	padding: 1px 5px;
	border: 1px solid #80CA0C;
	width: 273px;
	font-size: 10px;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	overflow-y: auto;
}

div.short_label_popup label
{
	width:auto;
	padding-right: 5px;
}

div.short_label_popup input{
	float:right;
}

.procContentInternal
{
	font-size: 10px;
    margin-left: 0;
    padding: 2px 0 0 0;
  	color: #333333;
	word-wrap:break-word;
	float: right;
    line-height: 140%;
    width: 135px;
}

#myDeetDropDownMenu .vScrollBar, #myDeetDropDownMenu .hScrollBar {
	background-color: #D67879;
}

#myDeetDropDownMenu .vScrollUp {
	background: url("../img/scroll_arrow_up.png") no-repeat scroll center center;
}

#myDeetDropDownMenu .vScrollDown {
	background: url("../img/scroll_arrow_down.png") no-repeat scroll center center;
}

#myDeetDropDownMenu .hScrollLeft {
	background: url("../img/scroll_arrow_left.png") no-repeat scroll center center;
}

#myDeetDropDownMenu .hScrollRight {
	background: url("../img/scroll_arrow_right.png") no-repeat scroll center center;
}

.schedule_newworktime{
	width:320px;
}

.schedule_newworktime_tbldiv form div {
    margin: 0;
}

.timeFieldReservation  .typeInfo {
    position: absolute;
    right: 3px;
    overflow: hidden;
	z-index: 2;
}

.timeFieldReservation  .typeInfo .timefieldIcon {
    float: right;
    margin: 3px 3px 0 0;
}

.timefieldIcon.video {
    width: 16px;
    height: 16px;
    background: url("../img/webcam-icon.png") no-repeat scroll right center transparent;
}

.timefieldIcon.housevisit {
    width: 16px;
    height: 16px;
    background: url("../img/home_icon.png") no-repeat scroll right center transparent;
}

.timefieldIcon.phone {
    width: 16px;
    height: 16px;
    background: url("../img/phone-icon_16x16.png") no-repeat scroll right center transparent;
}

.timefieldIcon.email {
    width: 16px;
    height: 16px;
	background: url("../img/mail-icon.png") no-repeat scroll right center transparent;
}

.timefieldIcon.individual {
	width: 16px;
	height: 16px;
	background: url("../img/individual-icon.png") no-repeat scroll right center transparent;
}

.timefieldIcon.noshow {
    width: 16px;
    height: 16px;
    background: url("../img/noshow.png") no-repeat scroll right center transparent;
}

.timefieldTravel {
	position: absolute;
    left: 0px;
	top: 0px;
    overflow: hidden;
	z-index:0;
}

.timefieldTravelBefore {
	border-bottom: 1px dotted #FFFFFF;
}

.timefieldTravelAfter {
	border-top: 1px dotted #FFFFFF;
}

#show_disabledstuff {
	border-bottom: 1px dotted #CC0000;
    clear: both;
    float: left;
    font-size: 11px;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 0 0 11px;
    width: 185px;
}

#show_disabledstuff label {
	width : 130px;
}

#show_disabledstuff .itoggle {
	float:right;
}

.appointmentEditWrapper {
    width: 975px;
    overflow:hidden;
}

.appointmentEditWrapper.singleColumn {
    width: 420px;
}

.appointmentEditWrapper form {
	overflow: hidden;
}

.appointmentEditWrapper form div {
	margin: 0;
}

.appointmentEditWrapper form div.appointmentHead {
	border-bottom: 1px dotted #777777;
	clear: both;
	overflow: hidden;
	padding-bottom: 7px;
	margin: 0 0 12px 0;
}

.appointmentEditWrapper form div.dietist_info
{
	float: left;
	margin: 0 13px 0 0;
	font-family: "Arial", sans;
}

.dietist_info .employeePhoto {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px 0 #555555;
	float: left;
	height: 94px;
	margin: 2px 8px 3px 2px;
	overflow: hidden;
	width: 94px;

	-moz-box-shadow: 1px 1px 3px 0 #555555;
	-webkit-box-shadow: 1px 1px 3px 0 #555555;
	box-shadow: 1px 1px 3px 0 #555555;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.dietist_info .employeePhoto img
{
	width: 94px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.dietist_info .employeeInfo {
	float: left;
	overflow: hidden;
}

.dietist_info .employeeInfo .dietistDetail {
	clear: left;
	color: #555555;
	float: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}

.dietist_info .employeeInfo .dietistDetail.employeeName {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 1px;
	margin-top: 3px;
}

.dietist_info .employeeInfo .dietistDetail.locationName {
	color: #333333;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 13px;
}

.clientInfo {
	float: left;
	width: 625px;
	font-family: "Arial", sans;
}

.clientInfo .clientHeader {
    clear: both;
    overflow: hidden;
    margin-bottom: 4px;
}

.clientInfo .clientSelectWrapper {
	clear:both;
}

.clientInfo .clientSelectWrapper .userSelectBoxWrapper {
	background: none repeat scroll 0 0 #8CC63E;
	height: 20px;
	overflow: hidden;
	padding: 3px 3px 0 3px;
	width: 619px;

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

.clientInfo .clientSelectWrapper .userSelectBox {
    display: none;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 17px;
    line-height:17px;
    margin: 0 3px 0 3px;
    width: 380px;
    text-overflow: ellipsis;
}

.clientInfo .clientSelectWrapper .userSearchBox {
	background-color: #8CC63E;
	border: 0 none;
	color: #FFFFFF;
	float: right;
	font-size: 12px;
	height: 17px;
	margin: 0 3px 0 0;
	width: 580px;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.clientInfo .clientSelectWrapper .userSearchBox.compact {
    width: 185px;
}

.clientInfo .clientSelectWrapper .userSelectBoxWrapper:hover .userSearchBox:not([disabled]) {
	background-color: #AEDE6C;
}

.clientInfo .clientSelectWrapper .clientSearchButton {
	cursor: pointer;
	float: right;
	margin: 1px 3px 0 1px;
}

.clientInfo .clientSelectWrapper .clientListToggle {
    cursor: pointer;
    float: right;
    margin: 1px 0 0;
    width:16px;
    height:16px;
    background: url("../img/flipup_arrow_16.png") center center no-repeat;
}

.clientInfo .clientSelectWrapper .clientListToggle.flipped {
    background: url("../img/dropdown_arrow_16.png") center center no-repeat;
}

.clientInfo .clientDetailsWrapper {
    overflow:hidden;
	background: #F9F9F9;
	padding: 0 5px;
	color: #535353;
    min-height: 125px;

	border-top:0px none;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.clientInfo .clientDetailsWrapper.clientLoading {
	background: url('../img/ajax-loader.gif') center center no-repeat #F9F9F9;
}

.clientInfo .clientDetailsWrapper.clientSelected {

}

.clientInfo .clientButtons {
	float:right;
}

.clientInfo .clientButtons a {
    float:right;
    margin-left:11px;
}

.clientInfo  .clientDetails {
	display: none;
    margin: 4px 2px;
    overflow: hidden;
}

.clientInfo  .clientDetails .missing {

}

.detailWrapper,
.detailWrapper span,
.detailWrapper label {
	font-weight:normal;
	font-size: 11px;
	color: #535353;
	line-height: 14px;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.detailWrapper span > span {
	width: 100%;
}

.detailWrapper {
    margin-bottom: 3px!important;
}

.detailWrapper.odd {
    float: left;
}

.detailWrapper.even {
    float: right;
}

.detailWrapperGrid {
	display:grid;
	grid-template-columns: 1fr 1fr; /* two equal columns */
	grid-auto-rows: max-content;            /* equal height rows */
	gap: 3px;
}

.detailWrapperGrid .detailWrapper.odd {
	float: none;
	display:flex;
	flex-direction: row;
}

.detailWrapperGrid .detailWrapper.even {
	float: none;
	display:flex;
	flex-direction: row;
}

.detailWrapper label {
    color: #333333;
    font-weight: bold;
    width: 115px;
}

.detailData {
	width: 180px;
    margin: 0 9px 0 0!important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.detailData .detailSubdata {
	width: 180px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.headingDetailWrapper {
	float: left;
	margin: 0 9px 0 27px!important;
	overflow: hidden;
}

.headingDetailWrapper .detailWrapper {
	clear: both;
	float: none;
}

.headingDetailWrapper .detailData {
	width: 360px;
}

.headingDetailWrapper .detailData .detailSubdata {
	width: 360px;
}

.headingDetailWrapper .detailData .floatingDetailSubdata {
	float: left;
	margin-right: 7px;
	width: auto;
}

.detailData[data-property="insuranceStatus"],
.detailData[data-property="idCheckStatus"],
.detailData[data-property="gdprCheckStatus"],
.detailData[data-property="coulanceStatus"],
.dataPropertyStatus {
    color: #F08B12;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    white-space: nowrap;
    width: auto;
}

.detailData[data-property="insuranceStatus"].insured,
.detailData[data-property="idCheckStatus"].checked,
.detailData[data-property="gdprCheckStatus"].checked,
.detailData[data-property="coulanceStatus"].nocoulance,
.dataPropertyStatus.good {
	color: #8EB71F;
}

.detailData[data-property="insuranceStatus"].notinsured,
.detailData[data-property="idCheckStatus"].notchecked,
.detailData[data-property="gdprCheckStatus"].notchecked,
.detailData[data-property="coulanceStatus"].coulance,
.dataPropertyStatus.bad {
	color: #C92222;
}

.clientInfo .headingRow {
    clear: both;
    overflow: hidden;
    padding: 0 0 1px;
}

.clientInfo  .buttonsRow {
	float: left;
	overflow: hidden;
	padding: 3px 0 4px;
}

.clientInfo .covCheckButton {
	float:left;
	height: 17px;
	padding: 0 5px;
	font-size:9px;
	font-weight: normal;
	color: #509118;
	cursor: pointer;

	background: #f9f9f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );

	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-right: 0px none;

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

.clientInfo .covInfoButton {
	float:left;
	height: 17px;
	width: 19px;
	line-height: 19px;
	cursor: pointer;

	background: #f9f9f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );

	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-left: 0px none;

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

.appointmentEditWrapper form div.appointmentDetails {
	float:left;
	overflow: hidden;
}

.appointmentEditWrapper form div.appointmentDetailsLeft {
	width: 337px;
	margin: 0 13px 0 0;
}

.appointmentEditWrapper.singleColumn form div.appointmentDetailsLeft {
    width: 420px;
}

.appointmentEditWrapper form div.appointmentDetailsRight {
	margin: 0;
    width: 625px;
}

.appointmentEditWrapper.singleColumn form div.appointmentDetailsRight {
    width: 420px;
}

.appointmentDetails .checkOption {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #E5E5E5;
	clear: both;
	margin: 5px 0 0;
	overflow: hidden;
	padding: 2px 5px 1px;
	position: relative;
}

.appointmentDetails .checkOption.checkOptionOuter {
	position: relative;
}

.appointmentDetails .checkOption.checkOptionInner {
	background: transparent;
	border: 0px none;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.appointmentDetails .checkOption.checkOptionInner:first-child {
	margin: 0;
}

.appointmentDetails .checkOption input,
.appointmentDetails .checkOption textarea,
.appointmentDetails .checkOption .ui-datepicker-wrapper,
.appointmentDetails .checkOption.checkOptionInner input,
.appointmentDetails .checkOption.checkOptionInner .ui-datepicker-wrapper {
	float: right;
	border: 0px none;
}

.appointmentDetails .checkOption.checkOptionInner .appointmentDoctorInfo {
    float: right;
	width: 206px;
	font-weight: normal;
	text-overflow: ellipsis;
	text-align: right;
}

.appointmentDetails .checkOption.checkOptionInner .setCurrentDoctor
{
    float: right;
    overflow: hidden;
    width: 16px;
    margin: 0 0 0 3px;
}

.appointmentDetails .checkOption.checkOptionInner .smallNumberInput {
    float: right;
    width: 164px;
}

.appointmentDetails .checkOption.checkOptionInner .smallNumberInput input[type="text"] {
    float: left;
    margin: 0 10px 0 0;
    width: 40px;
}

.appointmentDetails .loading-green {
    background-image: url('../img/icon_working_green.gif');
    background-position: right center;
    background-repeat: no-repeat;
}

.appointmentDetails .checkOption label {
	float: left;
	line-height: 18px;
	margin-bottom: 1px;
	width: auto;
}

.appointmentDetails .checkOption .select.subgroup label {
	font-weight: normal;
}

.appointmentDetails .checkOption input[type="text"],
.appointmentDetails .checkOption textarea {
	width:164px;
    padding: 0;
	border:0px none;
}

.appointmentDetails .checkOption textarea {
	height: 40px;
}

.appointmentDetails .checkOption.appointmentShortDesc label {
	width: 70px;
}

.appointmentDetails .checkOption.appointmentShortDesc input[type="text"] {
	width: 240px;
}

.appointmentDetails .checkOption .ui-datepicker-wrapper input {
	float: left;
    width: 130px;
    padding: 0;
}

.appointmentDetails .checkOption .ui-datepicker-wrapper .ui-datepicker-trigger {
	float: right;
	width: 16px;
	height: 16px;
	padding: 1px 0 0 0;
	margin:0;
}

.ui-datepicker-clear {
	cursor: pointer;
	margin: 0;
	float: left;
	padding: 4px;
}

.appointmentDetails .checkOption .ui-datepicker-wrapper .ui-datepicker-clear {
	background: none repeat scroll 0 0 #FFFFFF;
}

.appointmentDetails .checkOption select {
    width: 146px;
    max-width: 172px;
}

.appointmentDetails .checkOption .ui-selectmenu-button {
	float: right;
	border: 1px none transparent;
	background: #F9F9F9;
}

.appointmentDetails .checkOption .ui-selectmenu-button span.ui-selectmenu-text {
	padding : 0.1em 2.1em 0.1em 0.5em
}

.appointmentDetails .checkOption .ui-selectmenu-button:hover {
	background: #FFFFFF;
}

.appointmentDetails .checkOption .ui-selectmenu-button .ui-selectmenu-status {
	background: transparent;
	line-height: 1.25em;
	text-align: right;
}

.appointmentDetails .checkOption .ui-selectmenu-button .ui-selectmenu-icon {
	margin-top: -0.74em;
}

.appointmentDetails .checkOption .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled,
.appointmentDetails .appointmentDateTimeWrapper .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

.appointmentDetails .checkOption .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled:hover {
	background: #F9F9F9;
}

.appointmentDetails .appointmentDateTimeWrapper .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled,
.appointmentDetails .appointmentDateTimeWrapper .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled:hover {
	border: 1px solid #E5E5E5;
	background: #F9F9F9;
}

.appointmentDetails .checkOption .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled .ui-icon,
.appointmentDetails .appointmentDateTimeWrapper .ui-selectmenu-button.ui-selectmenu-disabled.labelWhenDisabled .ui-icon {
	visibility: hidden;
}

.smallGradientButton {
	display: block;
	height: 17px;
	padding: 0 5px;
	font-size:9px !important;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none!important;
	color: #000000;

	background: #f9f9f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );

	border: 1px solid #E5E5E5;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	min-width: 60px;
	text-align: center;
	font-weight: bold;
	line-height: 17px;
}

.smallGradientButton[disabled] {
	background: #fafafa;
	color: #b0b0b0 !important;
	cursor: not-allowed;
}

.float-left {
	float: left!important;
}

.float-right {
	float: right!important;
}

div.actionButtons,
.regularFormWrapper div.actionButtons {
	float: right;
	margin: 0;
	width: auto;
}

div.actionButtons > div {
	margin : 0;
}

div.additionalButtons {
	float: left;
	margin: 0;
}

div.actionButtons input {
	clear: none;
    margin-left: 7px;
}

div.additionalButtons input {
    clear: none;
    margin-right: 7px;
}

.dateTimeWrapper,
.appointmentDateTimeWrapper {
	clear: both;
	overflow: hidden;
    height: 22px;
    padding-bottom: 2px;
}

.dateTimeWrapper .date,
.appointmentDateTimeWrapper .appointmentDate {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
}

.dateTimeWrapper .time,
.appointmentDateTimeWrapper .appointmentTime {
	float:right;
	overflow: hidden;
}

.dateTimeWrapper .time label,
.appointmentDateTimeWrapper .appointmentTime label {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	margin: 0 5px 0 7px;
	text-transform: lowercase;
	vertical-align: middle;
}

.dateTimeWrapper .time select,
.appointmentDateTimeWrapper .appointmentTime select {
	width: 43px;
}

.appointmentDetails .remarksholder .remarksList {
	height: 145px;
}

.appointmentDetails .repeatCorrections {
    float: left;
    width: 16px;
    height: 16px;
    margin:  0 0 0 5px;
    background: url("../img/warning-icon.png") no-repeat center center;
}

.repeatCorrectHolder {
    float:left;
    overflow: hidden;
}

.dialog-repeat div.input label {
    width: 145px;
	line-height: 20px;
}

.dialog-repeat div.input select {
    float:left;
    width: 43px;
}

.dialog-repeat div.input .toInfo {
    float: right;
    line-height: 20px;
    min-width: 40px;
}

.spacer
{
	margin:0px;
	padding:0px;
	overflow:hidden;
	clear:both;
	height: 15px;
}

.spacer.dotted {
	margin:0 0 11px 0 !important;
	border-bottom: 1px dotted;
	overflow:hidden;
	clear:both;
	height: 11px;
}

.spacer.dottedLight {
	margin:0 0 5px 0 !important;
	border-bottom: 1px dotted #E5E5E5;
	overflow:hidden;
	clear:both;
	height: 5px;
}

.tabsclient{
	min-height:602px;
	width: 890px;
}

.tabsclient .tabclientcard{
    background: none repeat scroll 0 0 #F5F7F7;
    border: 1px solid #80CA0C;
    min-height: 552px;
    margin: 0;
    overflow: hidden;
}

.tabsclient .tabclientcard.subtabs {
	min-height: 496px;
}

.tabsclient ul.ui-tabs-nav {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

.tabsclient ul.ui-tabs-nav li {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    border-top : 1px solid transparent;
    border-right : 1px solid transparent;
    border-left : 1px solid transparent;
    border-bottom : 0px none;

    margin:0px;
    background: transparent;
}

.tabsclient ul.ui-tabs-nav li a {
    color: #252525;
}

.tabsclient ul.ui-tabs-nav li a.disabled{
	cursor:auto;
	color:#aaaaaa;
}

.tabsclient ul.ui-tabs-nav li.ui-tabs-active {
    background: #F5F7F7;

    border-top : 1px solid #80CA0C;
    border-right : 1px solid #80CA0C;
    border-left : 1px solid #80CA0C;
    border-bottom : 0px none;
}

.tabsclient ul.ui-tabs-nav li.ui-tabs-active a {
    color:#66A00C!important;
}

.tabsclient #PageViewForm {
    float: left;
    overflow: hidden;
}

.tabsclient #PageViewForm #UserBirthdayMonth {
    width: 106px;
}

.tabsclient #PageViewForm .submit {
    float: right;
    clear: both;
}

.tabsclient .tabclientcard .userdetailslist.datascrolllist div.details_left,
.dialogSectionWrapper .details_left {
	float:left;
	width:401px;
	margin: 7px 10px;
	clear: none;
}

.tabsclient .tabclientcard .userdetailslist.datascrolllist div.details_right,
.dialogSectionWrapper .details_right {
	float:right;
	width:401px;
    margin: 7px 10px;
	clear: none;
}

.tabsclient .details_right div.input,
.tabsclient .details_left div.input,
.dialogSectionWrapper .details_right div.input,
.dialogSectionWrapper .details_left div.input{
	float:left;
}

.tabsclient div.radio input {
    float: left;
    height: 20px;
    width: 30px !important;
}

.tabsclient div.radio label {
    float: left;
    width: 40px;
}

.remark_title{
	float:left;
}

.datascrollholder,
form .datascrollholder {
	margin:0;
}

.datascrollholder .datascrollheader {
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0px;
	min-height: 22px;
}

.datascrollholder .datascrollheader div {
    margin:0;
}

.datascrollholder .datascrollheader .datascrollbutton {
    float:right;
}

.datascrollholder .datascrollheader .datascrollcontrol {
	float:right;
	margin: 0 0 0 15px;
}

.datascrollholder .datascrollheader .datascrollcontrol input,
.datascrollholder .datascrollheader .datascrollcontrol select {
	width: auto;
}

.datascrollholder .datascrollheader .datascrollcontrol label {
	width: auto;
	padding: 2px 2px 0 0;
}

.datascrollholder .datascrolltitle,
.appointmentSectionTitle {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    float: left;
    padding: 1px 0;
}

.datascrollholder .datascrolllist {
	background-color: #F9F9F9;
	border: 1px solid #E5E5E5;
	clear: both;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
}

.tabsclient .tabclientcard .datascrolllist,
.appointmentInvoicesholder .datascrolllist {
    min-height: 520px;
    width: 857px;
}

.tabsclient .tabclientcard.subtabs .datascrolllist,
.appointmentInvoicesholder.subtabs .datascrolllist {
	min-height: 461px;
	width: 820px;
}

.tabsclient .tabclientcard .datascrolllist .datascrolllist_in,
.appointmentInvoicesholder .datascrolllist .datascrolllist_in {
	min-height: 500px;
	width: 857px;
	overflow: hidden;
}

.tabsclient .tabclientcard .datascrolllist .datascrolllist_inpaging,
.appointmentInvoicesholder .datascrolllist .datascrolllist_inpaging {
	min-height: 439px;
}

.tabsclient .tabclientcard .datascrolllist div,
.appointmentInvoicesholder .datascrolllist div {
    margin:0px;
}

.tabsclient .tabclientcard .datascrolllist .paging,
.appointmentInvoicesholder .datascrolllist .paging {
	background: #EAEAEA;
	height: 18px;
	padding: 2px 5px;
}

.tabsclient .tabclientcard .userdetailslist.datascrolllist.withactionbuttons {
	min-height:489px;
}

.tabsclient .tabclientcard .userdetailslist.datascrolllist div {
    margin: 2px 0;
}

.datascrollholder .row th {
    font-weight:bold;
    background:none;
    padding:3px 0 3px 5px;
    border-bottom:1px dotted #ccc;
	vertical-align:top;
}

.datascrollholder .row th:first-child {
	padding-left: 1px;
}

.datascrollholder .row .cov-insurance-entry {
    cursor:auto;
}

.datascrollholder .datascrolllist .row div.cov-insurance-coveredstatus {
    margin-left: 7px;
}

.datascrollholder .row {
	clear:both;
	overflow:hidden;
    table-layout: auto;
    padding: 4px 5px 2px;
    font-weight: normal;
    font-style: normal;
}

.datascrollholder .row div {
    float: left;
    overflow: hidden;
    margin:0;
}

.datascrollholder .row .label {
    width:160px;
    font-weight:bold;
}

.datascrollholder .row td {
    background: transparent;
    padding: 3px 0 3px 5px;
    vertical-align: top;

	float: none !important;

	word-break:break-all;
	-ms-word-break:break-all;
}

.datascrollholder .row td:first-child {
	padding-left: 1px;
}

.datascrollholder .row .actions {
	text-align:right;
}

.datascrollholder .row .serviceRow td {
    line-height: 9px;
    vertical-align: middle;
}

.datascrollholder .row .infoRow td {
    line-height: 15px;
    padding: 0px 0px 0px 5px;
}

.datascrollholder .row .splitRow td {
    line-height: 3px;
    padding: 0px;
	font-size: 3px;
}

.datascrollholder .row .left {
    width:70px;
}

.datascrollholder .row .infoRow {
    color: #525252;
}

.datascrollholder .row .right{
	width:45px;
}

.datascrollholder .row .right a{
	float:right;
}

.datascrollholder .dossier{
    color:#8CC63E;
    text-transform: capitalize;
    background: transparent;
}

.datascrollholder .internal{
    color:#CA2828;
    text-transform: capitalize;
    background: transparent;
}

.remarksholder .remarkAdd > span {
    float:left;
}

.remark_add_dialog label {
    clear: both;
    font-size: 15px;
    margin-bottom: 5px;
}

.remark_add_dialog div.input textarea {
    width: 400px;
    clear: both;
}

.remark_add_dialog div.input .select2-container {
	width: 406px;
	clear: both;
	float: left;
}

.btndoctor_add{
	float:right;
	margin: 0 0 0 5px;
}

.adddoctor_page{
	width:500px;
}

.adddoctor_page div.radio input,
.page_add div.radio input
{
    float: left;
    height: 20px;
    width: 30px !important;
}

.adddoctor_page div.radio label,
.page_add div.radio label
{
    float: left;
    width: 40px;
}

.inshistory_deatils{
	float:left;
	clear:both;
}

.generate_txt{
	float:left;
	margin: 0 0 0 5px;
}

.generateLetterhead{

}

.moreDetail, .moreDetail2, .moreDetail3, .moreDetail4, .moreDetail5 {
	display: none;
}

.expanded .moreDetail {
    display: block;
}

.heavy {
    font-weight:bold;
}

.script {
    font-style: italic;
}

.normal {
    font-weight: normal;
    font-style: normal;
}

.detailColumn {
	float:left;
	overflow:hidden;
}

.detailRow {
	clear:both;
	overflow: hidden;
}

.doctorList .detailRow {
	width:405px;
	font-size: 11px;
}

.invoiceDetailsList .detailRow,
.dbcdeclarationDetailsList .detailRow,
.vecozodeclarationDetailsList .detailRow {
	width:400px;
	font-size: 11px;
}

.detailLabel {
	font-weight: bold;
	width: 125px;
}

.detailLabelNormal {
	width: 125px;
}

.historyList .detailLabel {
	width: 160px;
}

.zorgmessageViewWrapper .detailLabel,
.zorgmessageAddWrapper .detailLabel{
	float: left;
}

.zorgmessageAddWrapper .detailLabel {
	margin-left: 155px;
	width: 90px;
}

.zorgmessageAddWrapper .detailValue {
	width: 665px;
}

.zorgmessageAddWrapper div.input input[type="text"],
.zorgmessageAddWrapper div.input select {
	width: 330px;
}

.zorgmessageAddWrapper div.input textarea {
	width: 750px;
	height: 450px;
}

.historyList .cov-insurance-entry {
	width: 30%;
}

.tabsclient .tabclientcard  .doctorList .row,
.tabsclient .tabclientcard  .bmiList .row,
.tabsclient .tabclientcard  .invoiceDetailsList .row {
    margin: 3px 5px;
}

.doctorList .row .actions,
.bmiList .row .actions,
.invoiceDetailsList .row .actions {
	float:right;
}

.bmiList .detailColumnLeft .detailRow {
	width:320px;
}

.bmiList .detailColumnLeft .detailRow .detailValue {
	max-width: 180px;
	text-align: justify;
}

.bmiList .detailColumnRight .detailRow {
	width:420px;
}

.bmiList .detailColumnRight .detailRow .detailValue {
	margin-left: 5px;
	width:80px;
}

.bmiList .chmeasures .detailColumnRight .detailRow .detailValue,
.bmiList .bglmeasures .detailColumnRight .detailRow .detailValue {
	width:280px;
}

.zorgmessageViewWrapper .detailValue,
.zorgmessageAddWrapper .detailValue {
	float: left;
	font-weight: normal;
}

.freefieldsList .detailLabel {
	width: 160px;
}

.datascrollholder .row .moreDetailSwitch {
	clear:both;
	float:right;
}

.moreDetailSwitch a {
	font-weight: normal;
	color: #66A00C;
	font-size:11px;
}

.actionButton {
    height: 19px;
    margin: 0 0 0 11px!important;
    padding: 1px 22px 0 0;
    color:#252525;
    font-weight: normal;
    cursor:pointer;
    text-decoration: none!important;

    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.actionButton:hover {
    color: #555555;
}

.actionButton.add {
    background: url("../img/add.png") no-repeat scroll right top transparent;
    color: #7DAB23;
}

.actionButton.add:hover {
    color: #608733;
}

.actionButton.edit {
    background: url("../img/edit_round.png") no-repeat scroll right top transparent;
    color:#0898FF;
}

.actionButton.edit:hover {
    color: #2B82C0;
}

.actionButton.delete {
    background: url("../img/delete.png") no-repeat scroll right top transparent;
    color:#C92222;
}

.actionButton.delete:hover {
    color: #8C1717;
}

.actionButton.generic {
    background: url("../img/dossier.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.generic:hover {
	color: #555555;
}

.actionButton.graph {
	background: url("../img/chart-icon.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.graph:hover {
	color: #555555;
}

.actionButton.pdf {
    background: url("../img/pdf_round.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.pdf:hover {
	color: #555555;
}

.actionButton.pay {
	background: url("../img/pay.png") no-repeat scroll right top transparent;
	color:#7DAB23;
}

.actionButton.pay:hover {
	color: #608733;
}

.actionButton.incasso {
	background: url("../img/pay.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.incasso:hover {
	color: #555555;
}

.actionButton.calendar_sent {
    background: url("../img/calendar_sent.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.calendar_sent:hover {
	color: #555555;
}

.actionButton.email {
    background: url("../img/email_round.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.email:hover {
	color: #555555;
}

.actionButton.post {
	background: url("../img/posticon_round.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.post:hover {
	color: #555555;
}

.actionButton.warn {
	background: url("../img/warning_red.png") no-repeat scroll right top transparent;
	color:#C62C2C;
}

.actionButton.warn:hover {
	color: #8C1717;
}

.actionButton.warn_green {
	background: url("../img/warning_green.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.warn_green:hover {
	color: #555555;
}

.actionButton.search {
	background: url("../img/search_round.png") no-repeat scroll right top transparent;
	color:#0898FF;
}

.actionButton.search:hover {
	color: #2B82C0;
}

.actionButton.note {
	background: url("../img/note_round.png") no-repeat scroll right top transparent;
	color:#252525;
}

.actionButton.note:hover {
	color: #555555;
}

.actionButton.check {
    background: url("../img/ok.png") no-repeat scroll right top transparent;
    color: #7DAB23;
}

.actionButton.check:hover {
    color: #608733;
}

.actionButton.information {
    background: url("../img/info_round.png") no-repeat scroll right top transparent;
    color: #0898FF;
}

.actionButton.information:hover {
    color: #2B82C0;
}

.actionButton.download {
	background: url("../img/pdf_round.png") no-repeat scroll right top transparent;
	color: #252525;
}

.actionButton.download:hover {
	color: #555555;
}

.datascrollholder .row .templateCategory {
	overflow: hidden;
	float:none;
	clear:both;
}

.datascrollholder .row .templateCategory.outer .row {
	padding-left: 20px;
	padding-right: 0px;
	float: none;
}

.datascrollholder .row.no-child-padding > .templateCategory.outer > .row {
	padding-left: 0px;
}

.datascrollholder .row .templateCategory .templateCategoryInfo{
    border: 1px solid #E5E5E5;
    clear: both;
    float: none;
    font-weight: bold;
    margin: 1px 0 5px;
    overflow: hidden;
    padding: 3px 4px 2px 7px;

    cursor:pointer;

    background: #f9f9f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.datascrollholder .row .templateCategory .templateCategoryTitle{
	font-weight: bold;
	overflow: hidden;
    font-size: 13px;
	height: 20px;
}

.datascrollholder .row .templateCategoryInfo .actionButton {
	float:right;
    margin-left: 11px;
}

.datascrollholder .row .templateCategory .templateRow{
	 margin: 0;
     padding: 3px 4px 2px 7px;
	 float:none;
	 overflow: hidden;
	 clear:both;
}

.datascrollholder .row .templateCategory .templateRow .actions {
	float: right;
}

.datascrollholder .row .templateCategory .templateRow .fileinfo{
	float:right;
	overflow: hidden;
	margin-right: 48px;
    padding: 1px 0 0;
}

.datascrollholder .row .templateCategory .templateRow .filename{
	float: left;
    max-width: 540px;
    text-overflow: ellipsis;
	overflow: hidden;
    padding: 1px 0 0;
    color:#66A00C;
    font-weight: bold;
}

.actions a {
    display: block;
    float: right;
    overflow: hidden;
	margin-left: 3px;
	margin-right: 0px;
}

.actions a img {
    display: block;
}

.login_resetpass {
    display: block;
    float: right;
    font-size: 11px;
    height: 24px;
	line-height: 24px;
	vertical-align: bottom;
    margin: 0 10px 0 0;
}

.bmi_scale_wrapper {
	clear: both;
	margin: 2px 0 0 0!important;
	position: relative;
	width: 100%;
	float:none!important;
	height: 55px;
}

.bmi_val {
	border-left: 1px solid #777777;
	height: 39px;
	left: 0%;
	line-height: 12px;
	padding: 0 0 0 3px;
	position: absolute;
	float:none!important;
}

.bmi_limit {
	border-left: 1px dotted #999999;
	float: none !important;
	height: 12px;
	left: 0;
	line-height: 12px;
	margin: 30px 0 0 !important;
	padding: 12px 0 0 3px;
	position: absolute;
	color:#999999;
}

.bmi_scale {
	clear: both;
	height: 10px;
	margin-top: 15px;
	width: 87%;
	border: 1px solid #999999;
	margin: 28px 0 0!important;
	float:none!important;
}

.bmi_scale.bmi_scale_full {
	background: #ffff32;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzdlZmYyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzdlZmYyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2ZmYTUyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmYTUyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmMjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #ffff32 0%, #ffff32 20%, #7eff28 30%, #7eff28 45%, #ffa528 55%, #ffa528 70%, #ff2828 80%, #ff2828 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff32), color-stop(20%,#ffff32), color-stop(30%,#7eff28), color-stop(45%,#7eff28), color-stop(55%,#ffa528), color-stop(70%,#ffa528), color-stop(80%,#ff2828), color-stop(100%,#ff2828));
	background: -webkit-linear-gradient(left, #ffff32 0%,#ffff32 20%,#7eff28 30%,#7eff28 45%,#ffa528 55%,#ffa528 70%,#ff2828 80%,#ff2828 100%);
	background: -o-linear-gradient(left, #ffff32 0%,#ffff32 20%,#7eff28 30%,#7eff28 45%,#ffa528 55%,#ffa528 70%,#ff2828 80%,#ff2828 100%);
	background: -ms-linear-gradient(left, #ffff32 0%,#ffff32 20%,#7eff28 30%,#7eff28 45%,#ffa528 55%,#ffa528 70%,#ff2828 80%,#ff2828 100%);
	background: linear-gradient(to right, #ffff32 0%,#ffff32 20%,#7eff28 30%,#7eff28 45%,#ffa528 55%,#ffa528 70%,#ff2828 80%,#ff2828 100%);
	-pie-background: linear-gradient(to right, #ffff32 0%,#ffff32 20%,#7eff28 30%,#7eff28 45%,#ffa528 55%,#ffa528 70%,#ff2828 80%,#ff2828 100%);
}

.bmiEval {
	clear: both;
	float: left;
	font-weight: bold;
}

.bmiEval.underweight {
	color: #D5C609;
	font-size: 11px;
}

.bmiEval.normal {
	color: #7DAB23;
	font-size: 11px;
}

.bmiEval.overweight {
	color: #ffa528;
	font-size: 11px;
}

.bmiEval.obese {
	color: #ff2828;
	font-size: 11px;
}

.bmiGraphHolder {
	height: 400px;
	width: 800px;
	position: relative;
	padding-right: 15px;
}

.input_suffix {
	float:left;
	overflow:hidden;
	margin : 0 0 0 3px;
}

.floatInput {
	float: left;
}

div.input .ui-datepicker-wrapper {
	display: inline-block;
	background: none repeat scroll 0 0 white;
	border: 1px solid #80CA0C;
	float: left;
	overflow: hidden;
	margin:0;
}

div.input .ui-datepicker-wrapper input {
	border: 0 none;
	float: left;
	padding-left: 5px;
}

div.input .ui-datepicker-wrapper img.ui-datepicker-trigger,
#content div.input .ui-datepicker-wrapper img.ui-datepicker-trigger {
	float: right;
	width: 16px;
	height: 16px;
	margin: 1px 1px 0 3px;
	padding: 0;
	clear: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.input .ui-datepicker-wrapper img.ui-datepicker-clear,
#content div.input .ui-datepicker-wrapper img.ui-datepicker-clear {
	cursor: pointer;
	margin: 0px;
	float: left;
	padding: 4px;
	clear: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.jqplot-highlighter-tooltip {
	font-size:10px;
}

.jqplot-highlighter-tooltip td {
	padding: 0px 2px;
}

#content .listable table {
	table-layout: fixed;
	border-spacing: 0px;
}

#content .listable table thead th
{
	background:         #565656;
	color: 				#CCCCCC;
	border: 			none;
	word-wrap:			break-word;
	font-style:			normal;
}

#content .listable table tr td
{
	background:         #E6E5DC;
	padding:        2px 2px 2px 2px;
	word-wrap:break-word;
}

#content .listable table tr td.actions
{
	text-align: right;
}

#content .listable table tr.altrow td {
	background:         #D2D0C1;
}

#content .listable table tfoot th {
	border: 			none;
}

#content .listable img {
	background: none;
    box-shadow: none;
	clear: none;
    float: none;
    margin: 0;
    padding: 0;
}

.hiddenDatepickerWrapper {
	position: relative;
	display: inline-block;
}

.hiddenDatepickerTrigger {
	float: none !important;
    height: 1px;
    left: 0;
    overflow: hidden !important;
    padding: 0;
    position: absolute;
    top: 20px;
    width: 1px;
}

.redLabel {
	background: none repeat scroll 0 0 #9A1918;
	background: no-repeat transparent -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC0000), to(#9A1918));
	background: no-repeat transparent -webkit-linear-gradient(top, #CC0000, #9A1918);
	background: no-repeat transparent  -moz-linear-gradient(top, #CC0000, #9A1918);
	background: no-repeat transparent  -ms-linear-gradient(top, #CC0000, #9A1918);
	background: no-repeat transparent   -o-linear-gradient(top, #CC0000, #9A1918);

	border: 0 none;
	border-radius: 3px 3px 3px 0;
	color: #FFFFFF;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	overflow: hidden;
	padding: 0 5px;
	text-decoration: none;
}

.message-frame {
	background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
}

.personalcardpopup{
	height:435px;
	width: 890px;
}

.personalcardpopup .datascrolllist {
    height: 406px;
    width: 888px;
}

.link_fb_wrapper {
	width: 500px;
}

.link_fb_photo {
	float: left;
	width:60px;
	height:60px;
	overflow:hidden;
	margin-right: 7px;
}

.link_fb_info {
	float: left;
	overflow:hidden;
	width:400px;
}

.link_fb_status {
	float: left;
	overflow:hidden;
	margin: -4px 0 0 0;
	line-height: 120%;
	color:#6D6E71;
}

.link_fb_buttons {
	float: left;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 13px;
}

.link_fb_buttons a {
	color: #D4787A;
	text-decoration: none;
}


.link_fb_name {
	color: #D4787A;
	font-size: 13px;
	margin: -2px 0 20px;
}

.link_fb_info_wrapper {
	width: 488px;
}

#content .fb_wrapper {
	overflow:hidden;
	position: relative;
}

#content .fb_photo {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	float: left;
	margin: 3px 7px 0 0;
	overflow: hidden;

	min-width: 52px;
	height: 60px;
}

#content .fb_photo img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	clear: none;
	float: none;
	margin: 0px;
	padding: 0px;
}

#content .fb_info {
	clear: none;
	float: left;
	height: 63px;
	overflow: hidden;
	position: relative;
	width: 340px;
}

#content .fb_name {
	color: #D4787A;
	font-size: 13px;
	margin-bottom: 9px;
}

#content .fb_name a {
	text-decoration: none;
}

#content .fb_status {
	bottom: 0;
	left: 0;
	position: absolute;
	line-height: 130%;
}

#page_content a.morenews {
	text-decoration:none;
}

#UserFacebookLoginForm .custom-radio {
	margin-bottom : 10px;
}

#UserFacebookLoginForm .linkfb_login_wrapper {
	display: none;
	float: left;
	margin: -10px 0 10px 30px;
	overflow: hidden;
}

#UserFacebookLoginForm .linkfb_login_wrapper input {
	width: 218px;
}

#content ul.recipecategories {
    list-style: none;
    margin-bottom: 40px;
    margin-left: 0px;
}

#page_content ul.recipecategories li{
	margin-bottom:5px;
}

#page_content ul.recipecategories a{
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}

#page_content ul.recipecategories a:hover,
#page_content a.morenews:hover{
	color: #B81E21;
}

.dialogSectionWrapper {
	background: #F9F9F9;
	border: 1px solid #E5E5E5;
	float: left;
	margin: 3px 0;
	overflow: hidden;
	padding: 5px;
}

.ui-selectmenu-menu .ui-menu-single-item {
	padding: 3px;
}

.ui-selectmenu-menu .ui-menu-single-item ul {
	border: 0px none;
}

#templateValuesMenu .ui-menu {
	width: 350px;
	height: 500px;
}

#templateValuesMenu .ui-menu .tree_content .title {
	cursor: pointer;
}

.scrollingTextContent {
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
}

.staticMenuWrapper {
	border: 1px solid #8CC63E;
	background: #FFFFFF;
	padding: 3px;
}

.staticMenuWrapper .ui-menu {
	width: 350px;
	height: 450px;
	overflow:auto;
	border: 0px none;
	padding: 0px;
}

.staticMenuWrapper .ui-widget-content {
	background: #FFFFFF;
}

.staticMenuWrapper.ui-dialog {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.staticMenuWrapper input[type="text"] {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	z-index:10000;
	padding:2px;
	font-size: 0.935em;
}

.inputButton {
	margin: 0 0 0 5px !important;
	overflow: hidden;
	float: left;
}

.inputButton.right {
	float: right;
}

.inputButton a {
	display: block;
	overflow: hidden;
}

.inputButton img {
	display: block;
}

::-webkit-input-placeholder {
   color: #999!important;
   font-style: italic!important;
   font-size: 11px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999!important;
   font-style: italic!important;
   font-size: 11px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999!important;
   font-style: italic!important;
   font-size: 11px;
}

:-ms-input-placeholder {
   color: #999!important;
   font-style: italic!important;
   font-size: 11px;
}