.joorz-blue {
	color: #0F6278;
}
.joorz-orange {
	/* color: #F26A26; */
	color: #F46C20;
}
.joorz-gray {
	color: #504A4B;
}
html {
	overflow-y: scroll;	
}
body {
	margin-top: 4px;
	background-color: #F6F6F6;
	font-family: Verdana;
	color: #000000; 
}
textarea {
	width: 100%;
}
a {
	text-decoration: none;
		
}
img {
	border: none;	
}
.text {
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px; 	
	color: #000000;	
}
.hidelink {
	margin-top: 8px;
	margin-right: 9px;	
}
.underline {
	text-decoration: underline;	
}
.non-bordered {
	border: none;
}
.dashed-row {
	border: none;
	border-bottom: 1px dashed #CCCCCC;
}
.keep-together {
	white-space: nowrap;
}
.warning {
	color: red;
}
.training-message {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Verdana;
	font-size: 10px; 	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #FFFFCC;
	border: 1px solid #FFFF33;
}
.rich-page {
	margin-top: 4px;	
	background-color: #FFFFFF;
}
.rich-page-header {

}
.rich-page-main {
	min-height: 640px;	
}
.rich-spacer {
	border: none;	
}
.rich-page-subheader {
	height: 45px;
	border-right: 1px solid #E4E3E3;
	border-left: 1px solid #E4E3E3;
}
.rich-page-content {
	border-left: 1px solid #E4E3E3;
	border-right: 1px solid #E4E3E3;
	padding-right: 12px;
}
.logo-main-container {
	position: relative;
	left: 0px;
	top: 0px;
}
.logo-sub-container {
	position: absolute;
	left: 10px;
	top: 8px;
}	
.application-title {
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: #8F8B8C;	
}
.top-header-spacer {
	height: 1px;	
}
.top-header-left {
	background-image: url(../img/top-header-left.png);
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	height: 32px;
	width: 7px;
}
.top-header-right {
	background-image: url(../img/top-header-right.png);
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	height: 32px;
	width: 10px;
}	
.top-header-center {
	background-image: url(../img/top-header-center.png);
	background-repeat: repeat-x;
	height: 32px;
	vertical-align: middle;
	white-space: nowrap;
}
.top-header-application-name {
	text-align: left;
	padding-left: 64px;
}
.top-header-center.top-header-application-name {
	width: 840px;
}
.top-header-center-spacer {
	width: 760px;
}
.top-header-title {
	white-space: nowrap;
}
.top-header-text, a.top-header-text {
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	color: #7A7576;
	white-space: nowrap;
	padding-right: 12px;
}

.tab-label {
	font-size: 13px;
	margin-top: 4px;
	margin-bottom: 4px;
	cursor: pointer;	
}
.link{
	text-decoration: underline;
	color: #000000;
}

.button {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 80px;
	height: 20px;
	border: none;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/button_background.png);
}
.button.focus {
	background-image: url(../img/button_background_onmouseover.png);
}
.button.large {
	width: 145px;
	background-image: url(../img/button_large_background.png);
}
.button.large.focus {
	width: 145px;
	background-image: url(../img/button_large_background_onmouseover.png);
}
.button-mouse-down {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 80px;
	height: 20px;	
	border: none;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/button_background_onmousedown.png);
}		
.button-mouse-down.large {
	width: 145px;
	background-image: url(../img/button_large_background_onmousedown.png);	
}
.button-mouse-over  {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 80px;
	height: 20px;	
	border: none;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;	
	background-repeat: no-repeat;
	background-image: url(../img/button_background_onmouseover.png);
}                     
.button-mouse-over.large {
	width: 145px;
	background-image: url(../img/button_large_background_onmouseover.png);	
}
.icon-command-link {
	height: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
}
.breadcrumbs {
	padding-left: 216px;
	padding-top: 12px;
	padding-bottom: 20px;
}
.breadcrumb {
	font-size: 11px; 
	font-weight: normal; 
	padding-left: 6px;
	padding-right: 6px;
	color: #488898;
}
		
.breadcrumb-divider {
	font-size: 10px; 
	font-weight: normal; 
	padding-left: 4px;
	padding-right: 4px;
 	color: #488898;
}				
.rich-page-footer, .rich-page-footer-content {
	width: 100%;
	text-align: center;	    		
}
.pre-footer-left {
	border-left: 1px solid #E4E3E3;
}
.pre-footer-center {
	background-color: #FFFFFF;
}
.pre-footer-right {
	border-right: 1px solid #E4E3E3;
}
.footer-left {
	background-image: url(../img/footer-left.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 4px;
}
.footer-right {
	background-image: url(../img/footer-right.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 4px;
}
.footer-center {
	background-image: url(../img/footer-center.png);
	background-repeat: repeat-x;
	height: 24px;
}
.footer-text {
	font-size: 9px; 
	font-weight: normal; 
	line-height: 22px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	color: #000000;
	text-align: center;
	width: 100%;
}
.footer-text-divider {
	padding-left: 0px;
	padding-right: 0px;
}

.rich-toolbar {
	background-color: #BDD4DA; 
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #83AEB9;
	background-image: none;
	height: 36px;
	padding-left: 60px;
}
.main-menu-spacer {
	width: 40px;
}
.main-menu {
	padding: 0px;
}
.main-menu-item {
    height: 36px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;   
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #BDD4DA;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    background-color: #BDD4DA;
    background-image: none; 
    white-space: nowrap; 
}

.main-menu-item:HOVER, .main-menu-item A:Hover {
    border: 1px solid #BDD4DA;
    height: 36px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;   
    vertical-align: middle;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    background-color: #BDD4DA;
    background-image: none;   
    white-space: nowrap;    
}
.rich-toolbar.rich-toolbar-item a:hover, .rich-toolbar.rich-ddmenu-label-select {
    text-decoration: none;
    height: 36px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;   
    border: 1px solid #BDD4DA;
    background-color: #BDD4DA;
    background-image: none;      
    white-space: nowrap; 
}

.main-menu-item-label-grid {
	height: 36px;
}
.main-menu-item-class {
	vertical-align: middle;
	text-align: left;
	padding-top: 8px;
}
.main-menu-item-home {
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 0px;
}

.main-menu-item-home:HOVER, .main-menu-item-home A:Hover {
    background-color: #BDD4DA;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 0px;
	border: 0px;
    text-decoration: none;
}

.rich-menu-item-label{
	font-size: 13px;
}

.main-menu-item-photobook {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/photobook.png);
	padding-left: 40px;
}
.main-menu-item-journal {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/journal.png);
	background-position: 0px 3px;
	padding-left: 35px;	
}
.main-menu-item-messages {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/newsletter.png);
	padding-left: 35px;	
}
.main-menu-item-my-group {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/journal.png);
	background-position: 0px 3px;
	padding-left: 35px;	
}
.main-menu-item-my-data {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/my-data.png);
	padding-left: 35px;	
}
.main-menu-item-my-location {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/my-location.png);
	padding-left: 35px;	
}
.main-menu-item-newsletter {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/newsletter.png);
	padding-left: 35px;	
}
.main-menu-item-marketplace {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/marketplace.png);
	padding-left: 35px;	
}
.main-menu-item-maintenance {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/maintenance.png);
	padding-left: 35px;	
}
.main-menu-item-help{
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon/help.png);
	background-position: 0px 5px;
	padding-left: 35px;	
}
/*.main-menu-item-text {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
}*/
.main-menu-subitem {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	height: 22px;
	background-color: #EFF5F6;
	white-space: nowrap;
}

/* KOCON MAIN MENU */
.kocon-main-menu-item{
	padding: 8px 0 0 0;
	border:0;
	background-color: transparent;
}

.kocon-main-menu-item .rich-menu-item-icon{
	margin:0;
	display:none;
}

.dashboard-container {
	background-color: #FFFFFF; 
	padding-left: 15px; 
	margin-top: 15px;	
}

.ribbon-container-not-logged-in {
	height: 36px; 
	width: 100%; 
	background-color: #BDD4DA; 
	border-bottom: 1px solid #83AEB9;	
}

.ribbon-container {
	background-color: #BDD4DA;
	width: 100%;
	border-color:#DAE7EA;
	padding-top: 4px;
}
.ribbon-container-content {
	border-left: 1px solid #E4E3E3;
	border-right: 1px solid #E4E3E3;
	border-bottom: 1px solid #83AEB9;
}
.ribbon-container-content-divider {
	border-bottom: 1px solid #83AEB9;
}		 
.ribbon-tab-header-tr {
	/* tab header container placeholder */
}
.ribbon-tab-header-tr-highlight {
	/* tab header container placeholder when highlighted */
}
.ribbon-tab-header-left-active {
	background-color: #BDD4DA;
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-header-left.png);
	width: 12px;
}
.ribbon-tab-header-right-active {
	background-color: #BDD4DA;
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-header-right.png);
	width: 12px;
}
.ribbon-tab-header-text-active {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background-color: #BDD4DA;
	background-image: url(../img/ribbon-header-center.png);
	background-repeat: repeat-x;
	
}
.ribbon-tab-header-left-inactive, .ribbon-tab-header-right-inactive, .ribbon-tab-header-left-disabled, .ribbon-tab-header-right-disabled {
	width: 12px;
	background-color: #BDD4DA;
}
 .ribbon-tab-header-text-inactive {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #669BA9;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background-color: #BDD4DA;
}
.ribbon-tab-header-tr-highlight .ribbon-tab-header-text-inactive {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	font-weight: bold;
	background-color: #BDD4DA;
	background-repeat: repeat-x;
	background-image: url(../img/ribbon-header-center-highlight.png);						
}
.ribbon-tab-header-tr-highlight .ribbon-tab-header-left-inactive {
	background-color: #BDD4DA;
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-header-left-highlight.png);
	width: 12px;
}
.ribbon-tab-header-tr-highlight .ribbon-tab-header-right-inactive {
	background-color: #BDD4DA;
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-header-right-highlight.png);
	width: 12px;
}
.ribbon-tab-header-text-disabled {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #CFCDCE;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	font-weight: bold;
	background-color: #BDD4DA;
}
.ribbon-icon-container {
	margin-right: 12px;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
}
.ribbon-icon-container-top-left {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon-container-top-left.png);
	width: 4px;
	height: 4px;
	font-size: 1px;
}
.ribbon-icon-container-top-right {
	background-repeat: no-repeat;
	background-image: url(../img/ribbon-icon-container-top-right.png);
	width: 4px;
	height: 4px;
	font-size: 1px;
	border: none;
}
.ribbon-icon-container-top-center {
	background-image: url(../img/ribbon-icon-container-top-center.png);
	background-repeat: repeat-x;
	height: 4px;
	font-size: 1px;
	border: none;
}
.ribbon-icon-container-middle-left {
	background-image: url(../img/ribbon-icon-container-middle-left.png);
	background-repeat: repeat-y;
	width: 4px;
	border: none;
}
.ribbon-icon-container-middle-right {
	background-image: url(../img/ribbon-icon-container-middle-right.png);
	background-repeat: repeat-y;
	width: 4px;
	border: none;
}
.ribbon-icon-container-middle-center {
	text-align: center;
	height: 60px;					
	margin-bottom: 2px;
	border: none;
}
.ribbon-icon-container-middle-center-highlight {
	/* placeholder for the mouse over for icons */
}
.ribbon-icon-container-bottom-center {
	background-image: url(../img/ribbon-icon-container-bottom-center.png);
	background-repeat: repeat-x;
	font-size: 9.5px;
	font-family: Verdana;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	color: #FFFFFF;
	height: 16px;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}
.ribbon-icon-container-bottom-left {
	background-image: url(../img/ribbon-icon-container-bottom-left.png);
	background-repeat: no-repeat;
	border: none;
}
.ribbon-icon-container-bottom-right {
	background-image: url(../img/ribbon-icon-container-bottom-right.png);
	background-repeat: no-repeat;
	border: none;
}
.ribbon-icon-left {
	height: 60px;
	width: 3px;
	border: none;
}
.ribbon-icon-container-middle-center-highlight .ribbon-icon-left {
	background-image: url(../img/ribbon-icon-highlight-left.png);
	background-repeat: no-repeat;
	border: none;				
}
.ribbon-icon-right {
	height: 60px;
	width: 3px;
	border: none;
}
.ribbon-icon-container-middle-center-highlight .ribbon-icon-right {
	background-image: url(../img/ribbon-icon-highlight-right.png);
	background-repeat: no-repeat;
	border: none;					
}
.ribbon-icon {
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	border: none;
	text-align: center;
}
.ribbon-icon-container-middle-center-highlight .ribbon-icon {
	background-image: url(../img/ribbon-icon-highlight-center.png);
	background-repeat: repeat-x;
	border: none;
}					
.ribbon-icon-text {
	font-size: 9px;
	font-family: Verdana;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #669BA9;
	padding-bottom: 6px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	display: block;
	border: none;
}
.ribbon-icon-image {
	border: none;	
	margin-left: auto;
	margin-right: auto;
}
.ribbon-icon-container-middle-center-highlight .ribbon-icon-text {
	color: #FFFFFF;
	border: none;
}

.ribbon-icon-input-control {
	font-size: 9px;
	font-family: Verdana;
	color: #656061;
	border: 1px solid #8F8B8C;
	background-image: url(../img/gradient_background.png);
	background-repeat: repeat-x;
	margin-bottom: 6px;
}
.ribbon-icon-input-control:ACTIVE, .ribbon-icon-input-control:HOVER, .ribbon-icon-input-control:FOCUS {
	border: 1px solid #F78F55;
}

.sidebar-panel {
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
	border: none;
	border-spacing: 0px;
	padding: 0px;	
}
.sidebar-top-spacer { 
	height: 0px;
	width: 0px;
	border: none;
}
.sidebar-panel-header-left {
	background-repeat: no-repeat;
	background-image: url(../img/box-header-left.png);
	width: 12px;
}
.sidebar-panel-header-right {
	background-repeat: no-repeat;
	background-image: url(../img/box-header-right.png);
	width: 12px;
}
.sidebar-panel-header-text {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px; 
	width: 100%; 
	color: #488898;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	font-weight: bold;
	background-image: url(../img/box-header-center.png);
	background-repeat: repeat-x;
}				
.sidebar-panel-option-left {
	width: 1px;
	background-repeat: repeat-y;
	background-image: url(../img/box-line-left.png);
}
.sidebar-panel-option-right {
	width: 1px;
	background-repeat: repeat-y;
	background-image: url(../img/box-line-right.png);
}				
.sidebar-panel-option-text {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	width: 100%;
	padding-top: 12px;
}
.sidebar-panel-option-text-block {
	padding-bottom: 4px;	
}
.sidebar-panel-option-label {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;					
	width: 100%;
}				
.sidebar-panel-option-input {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 100%;
}
.sidebar-panel-option-button {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	cursor: pointer;				
	width: 100%;
	height: 20px;
	border: none;
	background: url(../img/button_large_background.png) no-repeat left top;
}	
.sidebar-panel-option-button-mouse-over {
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 100%;
	height: 20px;	
	color: #000000;
	cursor: pointer;
	background: url(../img/button_large_background_onmouseover.png) no-repeat left top;
	border: none;
}
.sidebar-panel-option-button-mouse-down  {
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;					
	width: 100%;
	height: 20px;	
	color: #000000;
	cursor: pointer;
	background: url(../img/button_large_background_onmousedown.png) no-repeat left top;
	border: none;
}
.sidebar-panel-footer-left {
	background-repeat: no-repeat;
	background-image: url(../img/box-footer-left.png);
}
.sidebar-panel-footer-right {
	background-repeat: no-repeat;
	background-image: url(../img/box-footer-right.png);
}
.sidebar-panel-footer-center {
	background-repeat: repeat-x;
	background-image: url(../img/box-footer-center.png);
}
.sidebar-panel-progress-container {
	width: 120px; 
	height: 16px; 
	margin: 10px; 
	display: block;
}
.sidebar-panel-progress-bar {
	width: 100%;
	height: 100%;
	border: 1px solid #504A4B;
}
.sidebar-panel-progress-full {
	height: 100%;
	background-color: #488898;
	float: left;
}
.sidebar-panel-progress-empty {
	 height: 100%;
	 background-color: #E4E3E3;
	 float: right;
}
.sidebar-panel-progress-text {
	text-align: center; 
	padding-top: 4px;
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: normal; 
}
.sidebar-panel-help-text {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	width: 100%;
	padding-top: 12px;
	line-height: 16px;
}


.text-block {
	font-family: Verdana;
	font-size: 11px; 
	font-weight: normal; 
	line-height: 22px;
	padding-left: 16px;
	padding-right: 16px;
	color: #000000;
}
.text-muted{
	color: #999999;
	font-size: 10px;
}
.content-container {
	font-family: Verdana;
	font-size: 11px; 
	font-weight: normal; 
	padding-left: 16px;
	padding-right: 16px;
}
.datatable-column-header {
	background-color: #EFF5F6;
	color: #488898;
}
.datatable-header-left {
	background-repeat: no-repeat;
	background-image: url(../img/datatable-header-left.png);
	width: 12px;
}
.datatable-header-right {
	background-repeat: no-repeat;
	background-image: url(../img/datatable-header-right.png);
	width: 12px;
}
.datatable-header-text {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	color: #656061;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	font-weight: bold;
	background-image: url(../img/datatable-header-center.png);
	background-repeat: repeat-x;
}

.datatable-subtitle-text {
	width: 100%;
	color: #656061;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	padding: 4px 2px;
	text-align: center;
	background-image: url(../img/datatable-header-center.png);
	background-repeat: repeat-x;
}
.datatable-footer-left-large {
	width: 12px;
	background-repeat: no-repeat;
	background-image: url(../img/datatable-footer-left-large.png);
}
.datatable-footer-right-large {
	width: 12px;
	background-repeat: no-repeat;
	background-image: url(../img/datatable-footer-right-large.png);
}
.datatable-footer-center-large {
	background-repeat: repeat-x;
	background-image: url(../img/datatable-footer-center-large.png);
	height: 30px;
}
.drop-down-like-button {
    width: 80px;
    height: 18px;
    font-family: Arial, Verdana;
    font-size: 10px;
    text-decoration: none;
    text-align: center;   
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #C3BBB6;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 1px 1px;   
    background-color: #ffffff;
    background-image: url(../img/gradient_background.png);   
}
.drop-down-menu {
    position: relative;
    top: 0px; left: 0px;
    width: 80px;
    font-size: 10px;
    text-decoration: none;
    text-align: center;   
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #C3BBB6;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 1px 1px;   
    background-color: #ffffff;
    background-image: url(../img/gradient_background.png);   
}

.drop-down-menu:HOVER, .drop-down-menu A:Hover {
    border: 1px solid #0F6278;
    width: 80px;
    font-size: 10px;
    text-decoration: none;
    text-align: center;   
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;    
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: 1px 1px;   
    background-color: #ffffff;
    background-image: url(../img/gradient_background.png);       
}
.rich-table.rich-toolbar-item a:hover, .rich-table.rich-ddmenu-label-select {
    text-decoration: none;
    width: 80px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;   
    border: 1px solid #CC6600;
    background-repeat: no-repeat;
    background-position: 1px 1px;   
    background-color: #ffffff;
    background-image: url(../img/gradient_background.png);       
}
.drop-down-menu-label {
    padding-right: 12px;
    font-size: 10px;
    color: #000000;
}
.drop-down-menu-item {
    font-size: 10px;
    text-align: left;
}
.modal-panel-header {
	width: 99%;
	color: #656061;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	background-image: url(../img/box-header-center.png);
	background-repeat: repeat-x;
}
.input-data-table {
	vertical-align: middle;
	width: 98%;
}
.input-data-row {
	vertical-align: middle;
	width: 100%;
	font-size: 11px;
	border: 0px;	
}
.input-data-column-title {
	font-weight: bold;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 4px;
	color: #488898;
}
.input-data-column-subtitle {
	font-weight: normal;
	font-size: 12px;
	padding-top: 16px;
	padding-bottom: 4px;
	color: #488898;
}
.input-data-column-hint {
	font-style: italic;
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000000;
}
.input-data-column-label {
	width: 180px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 11px; 	
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 12px;
	font-size: 10px;
	color: #000000;
}
.input-data-column-data {
	vertical-align: top;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px; 	
	padding-top: 4px;
	padding-bottom: 12px;
	font-size: 10px;
	color: #000000;
}
.input-data-value {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}
.input-data-value-size-small {
	width: 140px;
}
.input-data-value-size-medium {
	width: 240px;
}
.input-data-value-size-large {
	width: 400px;
}
.input-data-value-selected {
	font-family: Verdana;
	font-size: 10px; 	
	color: #000000;
	background-color: #DAE7EA;
	padding-top: 3px;
	padding-bottom: 3px;	
}
.input-data-error-text {
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px; 	
	padding-top: 8px;
	padding-bottom: 8px;	
	color: #ff0000;		
}
.input-data-warn-text {
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px; 	
	padding-top: 8px;
	padding-bottom: 8px;	
	color: #FF8000;		
}
.input-data-column-buttons {
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	margin-right: 10px;
	margin-left: 30px;
}
.output-data-value {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}

.output-data-value {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}

.message {
	background: no-repeat left center;
	padding: 0px;
	margin: 0px;
}

.message li.infomsg {
	background-color: #f4fdef;
	background-image: url('../icon/icon-success.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 6px 50%;
	border: 1px solid #acdfa7;
	display: block;
	font-family: Verdana;
	font-size: 11px; 	
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 14px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 6px;
	padding-bottom: 6px;
	text-align: left;
}

.message li.errormsg {
	background-color: #ffdddd;
	background-image: url('../icon/icon-error.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 6px 50%;
	border: 1px solid #ff0000;
	display: block;
	font-family: Verdana;
	font-size: 11px; 	
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 14px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 6px;
	padding-bottom: 6px;
	text-align: left;
}

.message li.warnmsg {
	background-color: #FFFFCC;
	background-image: url('../icon/icon-warn.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 6px 50%;
	border: 1px solid #FFFF33;
	display: block;
	font-family: Verdana;
	font-size: 11px; 	
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 14px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 6px;
	padding-bottom: 6px;
	text-align: left;
}

.warn-message {
	background-color: #FFFFCC;
	background-image: url('../icon/icon-warn.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 6px 50%;
	border: 1px solid #FFFF33;
	display: block;
	font-family: Verdana;
	font-size: 11px; 	
	color: black;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 14px;
	padding-left: 30px;
	padding-right: 6px;
	padding-bottom: 6px;
	height: 24px;
}

.generic-label {
	vertical-align: top;
	font-family: Verdana;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 12px;
	font-size: 10px;
	color: #000000;
}
.generic-data {
	vertical-align: top;
	font-family: Verdana;
	padding-top: 4px;
	padding-bottom: 12px;
	font-size: 10px;
	color: #000000;
	text-decoration: inherit;
}

.datagrid .rich-table {
	border: none;	
}


.datagrid .rich-table-cell {
	border: none;	
}

.datagrid .rich-panel-body {
	padding: 4px;	
}

.album-thumb {
	width: 110px;
}
.album-border {
	background-image: url('../img/album_border.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;	 
	padding-left: 18px;
	padding-right: 13px;
	padding-top: 11px;
	padding-bottom: 13px; 
	background-color: white;
}

.folder-border {
	background-image: url('../img/folder-border.png');
	background-repeat: no-repeat;
	background-position: 13px 15px;	 
	padding-left: 18px;
	padding-right: 13px;
	padding-top: 11px;
	padding-bottom: 13px; 
	background-color: white;
}


.photo-grid-column {
	text-align: center;;
	vertical-align: top;	
	width: 20%;
}

.photo-tooltip .input-data-column-label {
	padding-bottom: 0px;
}
.photo-tooltip .input-data-column-data {
	padding-bottom: 0px;
}
.photo-tooltip .content-container {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.photo-thumb {
	width: 110px;	
}
.photo-border {
	border: 1px solid #898DA1; 
	padding: 8px; 
	background-color: white;
	
	/*
	background-image: url('../img/photo_border.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;	 
	padding-top: 11px;
	padding-bottom: 13px;
	padding-right: 14px;
	padding-left: 11px; 
	*/
}

.photo-content-item .rich-panel-body {
	padding: 0px;
	margin: 0px;	
}

.photo-selected {
	border-color: #FF8000;	
}

#photoDetailsMain .rich-panel-body {
	padding-top: 0px;
	margin-top: 0px;
}
#photoDetailContainer .rich-panel-body {
	padding-top: 0px;
	margin-top: 0px;
}
.photo-button-next {
	background-image: url('../img/button_next.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.photo-button-next-disabled {
	background-image: url('../img/button_next_disabled.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
}
.photo-button-previous {
	background-image: url('../img/button_previous.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.photo-button-previous-disabled {
	background-image: url('../img/button_previous_disabled.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
}
.photo-column {
	margin-right: 10px ;
}

.photo-container {
	border: none;
	margin-bottom: 5px ;
	text-align: center;
}

td.photo_container {
	float: left;
	list-style: none;
}

td.photo_container div {
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	text-align: center;
	width: 100%;
}

td.photo_container div img {
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 5px;
	left: 0; top: 0;
	position: absolute;
}
td.photo_container div img.hover {
}

.rich-tool-tip {
    background-color: white;
    border-width:1px;
    border-color: #83AEB9;
    padding:2px;
}
fieldset {border: none;}

.content-container {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.help-table {
	vertical-align: middle;
	width: 98%;
}

.help-row {
	vertical-align: middle;
	width: 100%;
	font-size: 11px;
	border: 0px;	
}

.help-column-title {
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #488898;
}
.help-column-subtitle {
	font-weight: normal;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #488898;
}
.help-column-data {
	padding-top: 0px;
	padding-bottom: 11px;
}
.help-value {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}
.photo-carousel-photo {
	border: 1px solid #cccccc; 
	padding: 4px;
}
.photo-carousel-photo-selected {
	border: 1px solid #ff9900; 
	padding: 4px;
}

/* Page styling elements 
* TODO styling overnemen in klant specifieke styling!
*/

.page-title {
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #488898;
}

.location-page-details {
	vertical-align: top;	
	overflow: hidden;
}

.photobook-maintenance-left {
	vertical-align: top;
	border-right: 1px solid #898DA1;	
}

.photobook-maintenance-right{
	vertical-align: top;	
}

.photobook-maintenance-panel{
	padding: 0px;	
}


.rich-tree-node-selected {
	font-weight: bold;
	border: none;	
}

.tree-context-menu {
	font-weight: normal;
}

.user-instructions {
	font-size: 9px;
	padding-bottom: 30px
}

.bold {
	font-weight: bold;
}

.journal-blank-left-page {
	background: transparent url('../img/journal-left.png') no-repeat;	
}
.journal-right-page {
	background: transparent url('../img/journal-right.png') no-repeat;	
}
.journal-left-page {
	background: transparent url('../img/journal-left.png') no-repeat;	
}

.journal-right-paper {
	background: transparent url('../img/journal-paper-right.png') no-repeat;	
}
.journal-left-paper {
	background: transparent url('../img/journal-paper-left.png') no-repeat;	
}
.journal-single-paper {
	background: transparent url('../img/journal-single.png') no-repeat;	
}


.journal-right-page-title {
	position:absolute;
	top:30px;
	left:55px;
	width:380px;
	height: 40px;	
}
.journal-left-page-title {
	position:absolute;
	top:30px;
	left:30px;
	width:380px;
	height: 40px;	
}
.journal-right-page-content {
	position:absolute;
	top:74px;
	left:55px;
	width:380px;
	height: 410px;
	line-height: 20px;
	overflow:auto!important;
}
.journal-left-page-content {
	position:absolute;
	top:74px;
	left:30px;
	width:380px;
	height: 410px;
	line-height: 20px;
	overflow:auto!important;
}

.journal-left-page-content .cms-content-item, .journal-right-page-content .cms-content-item {
	width: 340px;
}

.journal-previous-button {
	position: absolute;
	top: 495px;
	left: 35px;
	cursor: pointer;
}
.journal-next-button {
	position: absolute;
	top: 495px;
	left: 415px;
	cursor: pointer;
}
.journal-cover {
	background: transparent url('../img/journal-cover.png') no-repeat;	
}
.journal-title {
	font-size: 15px;
	font-weight: bold;		
}
.journal-subtitle {
	font-style: italic;
}

.cms-content-item.journal-part-title {
	font-size: 12px;
	font-style: bold;
	margin: 0px;
}
.cms-content-item.journal-part-subtitle {
	font-size: 11px;
	font-style: italic;
	margin: 0px;
}
.logbook-from-parent-message {
	border: dashed 1px #F46C20;
}

.logbook-to-parent-message {
	border: dashed 1px #0000FF;
}

.logbook-journal-message {
	border: dashed 1px #0F6278;
}

.logbook-internal-message {
	border: dashed 1px black;	
}

.logbook-to-group-message {
	border: dashed 1px #008000;	
}

.childnote-header {
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;	
	text-align: left;
}
.childnote-row {
	border: none;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 13px;		
}

.attendance-row-checked-in {
	background-color: #BCF5A9;
}
.attendance-row-checked-out {
	background-color: #CCCCCC;
}
.attendance-row-not-attended {
	background-color: #FFFFFF;	
}
.attendance-row-absent {
	background-color: #CCCCCC;
}

#attendanceOverviewForm h2 {
	margin:0;	
}
.attendance-public-title {
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
	width: 100%; 
	text-align: center;
}
.attendance-public-subtitle {
	font-size: 11px;
	font-style: italic;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	width: 100%; 
	text-align: center;
}

.attendance-public-loading-title {
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	margin-top: 300px;
	padding-bottom: 300px;
	background-color: #FFFFFF;
	width: 100%; 
	text-align: center;
}

.attendance-public {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: none !important;	
	background-color: #EFEFEF !important;		
}	
.attendance-public-open {
	background-color: #BCF5A9 !important;
}
.attendance-public-closed {
	background-color: #CCCCCC !important;
}
.public-attendance-close-button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	width: 80px;
	height: 20px;
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	margin-right: 12px;
	margin-top: 4px;
	font-size: 11px;
}
.public-attendance-button {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;	
	width: 180px;
	height: 50px;
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
}
.public-attendance-button.mouse-over {
	background-color: #4EC7FE;
}
.public-attendance-button.mouse-down {
	background-color: #4EC7FE;
}
.public-attendance-logout {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}
public-attendance-layout {
	color: #000000;
	font-size: 11px;
}
.notification{
	font-size: 12px;
	text-decoration:underline;
	cursor: pointer;
}

.search-item {
	padding-right: 12px;	
}

.employee-intro-name {
	font-size: 12px;
	font-weight: bold;
}
.employee-intro-subtitle {
	font-style: italic;
}
.employee-intro-selected {
	background-color: #EEEEEE;
}
div.radioButtonDiv{
    width: 300px;
}

div.radioButtonDiv div{
    display: inline-block;
    width: 100px;
}

/* TWITTER */ 

.twitter_update_list ul {
 	list-style-type: none;
}

.twitter_update_list li {
 	list-style-type: none;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	border-bottom: 1px #488898 dashed;
}

.twitter_update_list {
 	list-style-type: none;
 	font-weight: normal;
}


.twitter_update_list span a {
 	color: black;
}

.twitter_update_list span a:hover {
 	text-decoration: underline;
 	color: #DA2782;
}
 
.twitter_update_list a {
 	color: #488898;
}

.twitter_update_list a:hover {
 	text-decoration: underline;
 	color: #DA2782;
}

.rich-picklist-source-items {
    margin: 0;
}

.table-row-data-inactive .rich-table-cell,
.table-row-data-inactive {
    font-style: italic;
    color: #888;
}

.table-row-emphasize,
.table-row-emphasize a {
	font-weight: bold;
	background-color: #F7F7F7;
}

.break-header{
	width:50px; 
	white-space:normal!important;
}

.login-box {
	width: 520px !important; 
	margin-left: 25px !important; 
	margin-top: 25px !important; 
	margin-bottom: 50px !important; 
	padding-top: 20px !important; 
	text-align: left !important;
}
.login-page-pre-text, .login-page-post-text {
	width: 520px; 
	margin-left: 25px; 
}

.child-profile-photo-container{
	width:80px; 
	position:relative;
}

.child-profile-photo-container .no-photo-visible{
	position: absolute; 
	right: 15px; 
	bottom: 7px;
	width: 24px;
}

.touch-button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	width: 120px;
	height: 20px;
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
}
.touch-button.mouse-over {
	background-color: #BCF5A9;
}
.touch-button.mouse-down {
	background-color: #BCF5A9;
}
.touch-button.selected {
	background-color: #BCF5A9;
}

.title-input-element {
	white-space: nowrap;
	font-weight: normal;
	color: #000;
	font-size: 11px;
	font-family: Arial;
}

.hidden{
	display: none;	
}
.planned-tentative {
	 font-style: italic;
	 color: gray;
}

.planned-absent {
	text-decoration: line-through;
	color: gray;
}

.planned-attend {
	color: black;
}

.other-attendance {
	 font-style: italic;
}

#parentDashboardForm iframe.twitter-timeline{
	width: 100% !important;
}

#news-sidebar iframe.twitter-timeline {
	min-width: 0 !important;
	width: 140px !important;
}

#ngContentFrame {
	overflow-y: scroll;	
}

.login-username-info .rich-panel-body {
	padding: 0 10px;
}

.padding-bottom{
	padding-bottom: 12px;
}

#locationViewDetailsForm .rich-tree-node-text{
	white-space: normal;
}

.fr-toolbar.fr-inline {
	z-index: 9999 !important;
}