/*

 Type: 			Cascading Style Sheet
 Author:		Alex van Oostrum
 Note:			To view the tabs correctly use tab spacing 4 and indent size 4 for tabulation

*/

html {
	width:										100%;
	height:										100%;
	margin:										0px;
	padding:									0px;
}

body {
	padding:									0px;
	margin:										0px;
/*	width:										100%;
	height:										100%;*/
	font-family:								"Open Sans",sans-serif; /*Verdana, Tahoma, Arial;*/
	font-size:									11px;
	background-color:							#fff;
}

#header_bar {
	position:									fixed;
	left:										64px;
	right:										0;
	height:										64px;
	z-index:									100;
	background-color:							rgba(72,72,72,0);
}

#header_bar #user_icon {
	float:										right;
	display:									table;
	height:										40px;
	width:										40px;
	margin:										12px 24px 12px 0px;
	border:										1px solid black;
	border-radius:								20px;
	background-color:							#fff;
	text-align:									center;
	vertical-align:								middle;
}

#header_bar #user_icon span {
	display:									table-cell;
	vertical-align:								middle;
	font-size:									24px;
}

#page_header {
	margin:										0px;
	padding:									0px;
	position: 									fixed;
	z-index: 									99999;
	left:										0px;
	right:										0;
	height:										64px;
}

#page_header .top {
	margin:										0px;
	padding:									0px;
	height:										64px;
	width:							 			100%;
	background-color:							#151c26;
	color:										#ffffff;
	-webkit-box-shadow: 						0px 2px 6px 0px rgba(21,28,38,0.59);
	-moz-box-shadow: 							0px 2px 6px 0px rgba(21,28,38,0.59);
	box-shadow: 								0px 2px 6px 0px rgba(21,28,38,0.59);
}

#page_header .top {
}

#page_header .spacer {
	height:										47px;
}

.hamburger {
	position:									relative;
	width:										64px;
	height:										64px;
	cursor:										pointer;
	top:										10px;
	/*filter:										brightness(160%) grayscale(100%);*/
}

.hamburger .hamburger_container {
	position:									relative;
	left:										12px;
	top:										14px;
	width:										24px;
	height:										16px;
	transition:									transform 0.2s;
}

.hamburger .hamburger_container span {
	display:									block;
	position:									absolute;
	height:										2px;
	width:										24px;
	background-color:							#44556f;
	opacity:									1;
	left:										0;
	transition:									transform 0.2s, width 0.2s;
}

.hamburger:hover .hamburger_container span {
	background-color:							#aab5c8;
}

.hamburger .hamburger_container span:nth-child(1) {
  top: 0px;
}

.hamburger .hamburger_container span:nth-child(2) {
  top: 7px;
}

.hamburger .hamburger_container span:nth-child(3) {
  top: 14px;
}

.out .hamburger .hamburger_container{
	transform:									rotate(180deg);
}

.out .hamburger .hamburger_container span {
	background-color:							#288cfb;
}

.out .hamburger span:nth-child(1) {
	width:										12px;
	transform:									translateX(12px) rotate(45deg) translateX(4px);
}

.out .hamburger span:nth-child(3) {
	width:										12px;
	transform:									translateX(12px) rotate(-45deg) translateX(4px);
}

#page_header .logos {
	float:										right;
	height:										64px;
	background-image: 							url(../images/default/page_header_right_bk.png);
	background-repeat:							no-repeat;
}

#page_header .logos img {
	padding-left:								20px;
	padding-right:								20px;
}

#page_navigation, #page_navigation_background, #page_navigation_section_panel_background {
	position:									fixed;
	left:										0px;
	top:										64px;
	z-index:									99998;
	width:										58px;
	background-color:							#212738;
	font-family:								"Open Sans", sans-serif;        
}

#page_navigation_background {
	bottom:										0px;
}

#page_navigation_section_panel_background {
	left:										58px;
	bottom:										0px;
	transition:									width 200ms;
	width:										0px;
	-webkit-box-shadow:							1px 0px 3px 0px rgba(21,28,38,0.59);
	-moz-box-shadow:							1px 0px 3px 0px rgba(21,28,38,0.59);
	box-shadow:									1px 0px 3px 0px rgba(21,28,38,0.59);
	border-left:								1px solid #2e3957;
	background-color:							#1e2532;
}

#page_navigation_section_panel.out ~ #page_navigation_section_panel_background, #page_navigation_section_panel.float ~ #page_navigation_section_panel_background {
    width:										185px;
}

#page_navigation .logo, #page_header .logo {
	background-image: 							url(../images/default/page_navigation_logo_sfx.png);
}

#page_navigation_section_panel {
	width:										185px;
	position:									fixed;
	left:										-185px;
	top:										64px;
	z-index:									99996;
	/*overflow-x:									hidden;*/
	transition:									left 200ms;
}

#page_navigation_section_panel.out, #page_navigation_section_panel.float {
	left:										58px;
	/*z-index:									99998;*/
	transition:									left 200ms, z-index 0s linear 200ms;
}

#page_navigation_section_panel:not(.out):not(.float) * {
	display:									none;
}

#page_navigation .menu_sectionname{
    display: none;
}

#page_navigation.out .menu_sectionname, #page_navigation.float .menu_sectionname {
    display: block;
    font-size: 14px;
	line-height: 34px;
    margin-bottom: 10px;
    margin-left: 55px;
    text-align: left;
    white-space: nowrap;
    color: #44556f;
    letter-spacing:1px;
}

#page_navigation .nav_element {
	position:									relative;
	height:										55px;
	background-position:						center;
	background-repeat:							no-repeat;
}

#page_navigation .nav_element span {
	position:									absolute;
	left:										0;
	right:										0;
	bottom:										0;
	color:										white;
	font-size:									10px;
	text-align:									center;
}

#page_navigation .nav_element img {
	margin:										auto;
	position:									absolute;
	top:										0;
	bottom:										0;
	left:										0;
	right:										0;
}

#page_navigation .nav_element .section_icon {
	display:									inline-block;
	position:									relative;
	width:										49px;
	height:										55px;
	/*filter:										brightness(160%) grayscale(100%);*/
        background-size: 26px auto;
        background-repeat: no-repeat;
        background-position: center; 
}

#page_navigation .nav_element:hover {
    border-left:								4px solid #aab5c8;	   
}

#page_navigation .nav_element:hover img, #page_navigation .nav_element:hover .menu_sectionname {
	/*filter:										brightness(250%) grayscale(100%);*/
        color: #aab5c8;
}

#page_navigation .nav_element.active {
	border-left:								4px solid #4484EE;
	background-color:							#27314E;
}

#page_navigation .nav_element.active img, #page_navigation .nav_element.active .menu_sectionname {
	filter:										saturate(250%) brightness(200%);
}

#page_navigation .nav_element {
    border-left:								4px solid transparent;
}

#page_navigation .nav_element.hamburger{
     border-left:								4px solid transparent;
}

#page_navigation .nav_element a {
	width:										100%;
	height:										100%;
}

#page_navigation .page_navigation_footer{
    width:100%;
    position:absolute;
    bottom: 0px;    
}

#page_navigation .page_navigation_footer .page_navigation_footer_inout_span{
    color: #808080;
    font-size: 20px;
    padding-left:50px;
    cursor: pointer;
}

#page_navigation .page_navigation_footer .page_navigation_footer_inout_span.out, #page_navigation .page_navigation_footer .page_navigation_footer_inout_span.float {
    padding-left:185px;
    
}

#page_navigation hr {
     margin: 10px 0 0;
     border-color: #2e3957;
}

#page_navigation_section_panel {
	color:										white;
	-webkit-user-select:						none;
	-moz-user-select:							none;
	-ms-user-select:							none;
	user-select:								none;
}

#page_navigation_section_panel .nav_item {
	/*padding-left:								4px;*/
}

#page_navigation_section_panel .nav_item_body {
	position:									relative;
	display:									table;
	table-layout:								fixed;
	width:										100%;
	padding-left:								18px;
	padding-right:								10px;
}

#page_navigation_section_panel .nav_item_text {
	display:									table-cell;
	width:										100%;
	vertical-align:								middle;
	line-height:								2em;
	font-weight:								normal;
	white-space:								nowrap;
	overflow:									hidden;
	text-overflow:								ellipsis;
}

#page_navigation_section_panel .nav_item_label {
	position:									relative;
	display:									table-cell;
	text-align:									center;
	vertical-align:								middle;
}

#page_navigation_section_panel .nav_item_icons {
	padding:									2px;
}

#page_navigation_section_panel .nav_icon {
	position:									relative;
	background-repeat:							no-repeat;
	background-position:						center;
	display:									table-cell;
	width:										20px;
	height:										16px;
	border-right:								4px solid transparent;
	color:										#8491B0;
	text-align:									center;
	vertical-align:								middle;
}

#page_navigation_section_panel .nav_item_label.nav_icon {
	border-right:								none;
}

#page_navigation_section_panel .nav_item_label, #page_navigation_section_panel .nav_item_label.nav_icon {
	width:										35px;
}

#page_navigation_section_panel .nav_item_text .nav_icon {
	display:									inline-block;
}

#page_navigation_section_panel .nav_icon.clickable:not(.active):hover {
	/*background-color:							#424e70;*/
	color:										white;
}

#page_navigation_section_panel .nav_icon.active {
	color:										#4484EE;
}

#page_navigation_section_panel ul {
	list-style:									none;
	padding:									0;
}

#page_navigation_section_panel li {
	margin-left: 0;
}

#page_navigation_section_panel .nav_item.collapsible.closed > ul > li {
	display:									none;
}

.nav_item_tooltip {
	display:									none;
	position:									absolute;
	transform:									translateY(-50%);
	top:										50%;
	left:										calc(100% + 6px);
	z-index:									9999;
	background-color:							#212738;
	border:										1px solid #2E3957;
	padding:									9px;
	text-align:									left;
	color:										white;
	font-size:									12px;
	font-family:								"Open sans", sans-serif;
	white-space:								nowrap;
}

.nav_item_tooltip_area:hover + .nav_item_tooltip, *:hover > .nav_item_tooltip.persistent {
	display:									inline-block;
	transition:									top 1s;
}

.nav_item_tooltip::after {
	content:									"";
	display:									block;
	position:									absolute;
	top:										calc(50% - 14px);
	left:										-14px;
	width:										0px;
	height:										0px;
	border-top:									14px solid transparent;
	border-right:								14px solid #212738;
	border-bottom:								14px solid transparent;
	pointer-events:								none;
}

.nav_item_tooltip::before {
	content:									"";
	display:									block;
	position:									absolute;
	top:										calc(50% - 16px);
	left:										-16px;
	width:										0px;
	height:										0px;
	border-top:									16px solid transparent;
	border-right:								16px solid #2E3957;
	border-bottom:								16px solid transparent;
	pointer-events:								none;
}

.nav_item_tooltip.vertical {
	top:										calc(100% + 6px);
	transform:									translateX(-50%);
	left:										50%;
}

.nav_item_tooltip.vertical:after {
	top:										-28px;
	left:										calc(50% - 14px);
	border-left:								14px solid transparent;
	border-right:								14px solid transparent;
	border-bottom:								14px solid #212738;
}

.nav_item_tooltip.vertical:before {
	top:										-32px;
	left:										calc(50% - 16px);
	border-left:								16px solid transparent;
	border-right:								16px solid transparent;
	border-bottom:								16px solid #2E3957;
}

.nav_item_tooltip_area {
	position:									absolute;
	width:										100%;
	height:										100%;
	top:										0;
	left:										0;
	/*pointer-events:								none;*/
}

#page_navigation_section_panel .clickable, #page_navigation_section_panel .collapsible {
	cursor:										pointer;
}

#page_navigation_section_panel .nav_header {
	border-bottom:								1px solid #2e3957;
}

#page_navigation_section_panel .nav_header .nav_item_body {
	height:										45px;
}

#page_navigation_section_panel .nav_header .nav_item_body:last-child {
	margin-bottom:								20px;
}

#page_navigation_section_panel .nav_header .nav_item_text {
	color:										#4484EE;
	font-size:									20px;
	line-height:								1.42857143em;
	vertical-align:								bottom;
}

#page_navigation_section_panel .nav_header .nav_item_body .nav_item_label {
	color:										#505B73;
	font-size:									15px;
	padding:									0px 5px 2px 0px;
	vertical-align:								bottom;
}

#page_navigation_section_panel .nav_header .nav_item_icons {
	padding-left:								8px;
}

#page_navigation_section_panel .nav_header .nav_item_icons .nav_icon {
	font-size:									1.3333333em;
}

#page_navigation_section_panel .nav_item.lvl0 > .nav_item_body {
	height: 30px;
}

#page_navigation_section_panel .nav_item.lvl0 > .nav_item_body .nav_item_text {
	color:										#4484ee;
	font-size:									16px;
	white-space:								normal;
}

#page_navigation_section_panel .nav_item.lvl0 > .nav_item_body .nav_item_label.nav_icon {
	font-size:									2em;
}

#page_navigation_section_panel .nav_item.lvl1 > .nav_item_body {
	border-bottom:								1px solid #293044;
	margin-top:									15px;
	margin-bottom:								0px;
}

#page_navigation_section_panel .nav_item.lvl1:first-child > .nav_item_body {
/*	border-top:									1px solid #2e3957;*/
	margin-top:									10px;
}

#page_navigation_section_panel .nav_item.lvl1:first-child > .nav_item_body {
	margin-top:									5px;
}

#page_navigation_section_panel > div > ul.nav_item_list > li.nav_item.lvl1:first-child > div.nav_item_body {
	border-top:									none;
}

#page_navigation_section_panel .nav_item.lvl1.collapsible.closed:not(:last-child) > .nav_item_body {
	/*border-bottom:								none;*/
}

#page_navigation_section_panel .nav_item.lvl1 > .nav_item_body .nav_item_text {
	color:										#8491B0;
	font-size:									14px;
}

#page_navigation_section_panel .nav_item.lvl1 > .nav_item_body .nav_item_label.nav_icon {
	font-size:									1.3333333em;
}

#page_navigation_section_panel .nav_item.lvl2 > .nav_item_body .nav_item_text {
	color:										#44526C;
	font-size:									14px;
	line-height:								2.1em;
}

#page_navigation_section_panel .nav_item.lvl2.active > .nav_item_body {
	padding-left:								14px;
	border-left:								4px solid #4484EE;
	background-color:							#26314E;	
}

#page_navigation_section_panel .nav_item.lvl2.active > .nav_item_body .nav_item_text {
	color:										#4484EE;
}

#page_navigation_section_panel .nav_item.lvl2 > .nav_item_body .nav_item_label {
	color:										#44526C;
}

#page_navigation_section_panel .nav_item.lvl2.active > .nav_item_body .nav_item_label {
	color:										#828FAE;
}

#page_navigation_section_panel .nav_item.lvl2 > .nav_item_body .nav_item_label.percentage.complete {
	color:										#97D781;
}

#page_navigation_section_panel .nav_item.lvl2 > .nav_item_body .nav_item_label.percentage.partial {
	color:										#EAC159;
}

#page_navigation_section_panel .nav_item.lvl2:not(.active) > .nav_item_body.clickable:hover {
	padding-left:								14px;
	border-left:								4px solid #aab5c8;
	color:										#aab5c8;
}

#page_navigation_section_panel .nav_item.lvl2:not(.active) > .nav_item_body.clickable:hover {
	padding-left:								14px;
	border-left:								4px solid #aab5c8;
	color:										#aab5c8;
}

#page_navigation_section_panel .nav_item.lvl2:not(.active) > .nav_item_body.clickable:hover .nav_item_text, 
#page_navigation_section_panel .nav_item.lvl2:not(.active) > .nav_item_body.clickable:hover .nav_item_label {
	color:										#aab5c8;
}

#page_navigation_section_panel .nav_item.lvl2 > .nav_item_list {
	margin-bottom:								4px;
	padding:									8px 0px;
	background-color:							#1a2232;
	border-left:								1px solid #2e3957;
	border-top:									1px solid #293044
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body {
	padding-left:								24px;
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body .nav_item_text {
	color:										#44526C;
	font-size:									12px;
	font-weight:								normal;
	line-height:								1.7em;
}

#page_navigation_section_panel .nav_item.lvl3.active > .nav_item_body {
	padding-left:								20px;
	border-left:								4px solid #4484EE;
	background-color:							#26314E;	
}

#page_navigation_section_panel .nav_item.lvl3.active > .nav_item_body .nav_item_text {
	color:										#4484EE;
}

#page_navigation_section_panel .nav_item.lvl3.active > .nav_item_body .nav_item_label {
	color:										#828FAE;
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body .nav_item_label {
	color:										#44526C;
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body .nav_item_label.percentage {
	color:										#505B73;
	font-size:									11px;
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body .nav_item_label.percentage.complete {
	color:										#97D781;
}

#page_navigation_section_panel .nav_item.lvl3 > .nav_item_body .nav_item_label.percentage.partial {
	color:										#EAC159;
}

#page_navigation_section_panel .nav_item.lvl3:not(.active) > .nav_item_body.clickable:hover {
	padding-left:								20px;
	border-left:								4px solid #aab5c8;
	color:										#aab5c8;
}

#page_navigation_section_panel .nav_item.lvl3:not(.active) > .nav_item_body.clickable:hover .nav_item_text, 
#page_navigation_section_panel .nav_item.lvl3:not(.active) > .nav_item_body.clickable:hover .nav_item_label {
	color:										#aab5c8;
}

#page_navigation_panel {
/*	float:										left;*/
	position:									fixed;
	left:										-156px;
	top:										64px;
	bottom:										0px;
	z-index:									101;
/*	padding-top:								91px;*/
	width: 										220px;
	overflow-x:									hidden;
	background-color:							#1b1b1b;
}

#page_navigation_panel.out, #page_navigation_panel.float {
    left:-20px;
}
#page_navigation_panel .nav_header {
	height:										91px;
}

body.no_navigation_panel #page_navigation_panel {
	display:									none;
}

#page_navigation_panel .title {
	background-image:							url(../images/default/page_navigation_panel_title_bk.png);
	width:										220px;
	height: 									21px;
	line-height:								21px;
	overflow:									hidden;
	font-weight:								bold;
	color:										#ffffff;
	text-align:									center;
}

#page_navigation_panel .subtitle {
	width:										220px;
	height:									 	20px;
	line-height:								20px;
	font-weight:								bold;
	overflow:									hidden;
	color:										#ffffff;
	background-image:							url(../images/default/nav_tree_empty.gif);
	background-repeat:							no-repeat;
	padding-left:								15px;
}

#page_navigation_panel .section {
	background-image:							url(../images/default/page_navigation_panel_section_bk.png);
}

#page_navigation_panel .section_end {
	background-image:							url(../images/default/page_navigation_panel_section_end.png);
	background-repeat:							no-repeat;
	margin-bottom:								10px;
}

#page_navigation_panel .active {
	width:										220px;
	height:									 	20px;
	line-height:								20px;
	background-image:							url(../images/default/page_navigation_panel_item_active.png);
	font-weight:								bold;
	overflow:									hidden;
	color:										#ffffff;
	padding-left:								3px;
}

#page_navigation_panel .active:hover {
	cursor:										pointer;
}

#page_navigation_panel .inactive {
	width:										220px;
	height:									 	20px;
	line-height:								20px;
	overflow:									hidden;
	padding-left:								3px;
	color:										#dddddd;
}

#page_navigation_panel .inactive:hover {
	background-image:							url(../images/default/page_navigation_panel_item_inactive_hover.png);
	cursor:										pointer;
	color:										#333333;
}

#page_navigation_panel .disabled {
	color:										#999999;
}

#page_navigation_panel div.tree_with_sib {
	float:										left;
	width:										20px;
	height:										20px;
	background-image:							url(../images/default/nav_tree_with_sib.gif);
	background-repeat:							no-repeat;
	padding:									0px;
	margin-right:								3px;
	display:									inline;
}

#page_navigation_panel div.tree_without_sib {
	float:										left;
	width:										20px;
	height:										20px;
	background-image:							url(../images/default/nav_tree_without_sib.gif);
	background-repeat:							no-repeat;
	padding:									0px;
	margin-right:								3px;
	display:									inline;
}

#page_navigation_panel div.tree_empty {
	position:									absolute;
	top:										0px;
	width:										11px;
	height:										21px;
	background-image:							url(../images/default/nav_tree_empty.gif);
	background-repeat:							no-repeat;
}

#page_navigation_panel div.tree_empty_title {
	position:									absolute;
	top:										0px;
	width:										11px;
	height:										22px;
	background-image:							url(../images/default/nav_tree_empty.gif);
	background-repeat:							no-repeat;
	padding-top:								10px;
}

#page_navigation_panel .navigation_ajax_loader {
/*	background-image:							url(../images/default/navigation_ajax_loader.gif);
	background-repeat:							no-repeat;*/
	margin-top:									35px;
	margin-left:								35px;
	width:										150px;
	height:										21px;
}

#page_contents {
	margin: 									0px;
	margin-left: 								58px;
	padding:									0px;
	padding-top:								100px;
	color: 										#000000;
	transition: margin-left 200ms;
}

#page_contents.out {
    margin-left:								243px;
}

body.no_navigation_panel #page_contents {
	margin-left:								0px;
}

#page_contents .header {
/* 	padding:									10px; */
/* 	margin-top:									-20px; */
/* 	border-top:									2px solid #eeeeee; */
/* 	border-left:								2px solid #eeeeee; */
/* 	border-right: 								2px solid #999999; */
/* 	border-bottom:								2px solid #999999; */
/* 	width:										100%; */
/* 	background-color:							#ffffff; */
}

#page_contents .event_header {
	height:										305px;
	margin-top:									-66px;
	/*border-top:									2px solid #eeeeee;
	border-left:								2px solid #eeeeee;
	border-right: 								2px solid #999999;
	border-bottom:								2px solid #999999;*/
	background-color:							transparent;
	width:										100%;
	position:									relative;
}

.event_header_modify:hover {
	color:										#ADD8E6;
}

/**
* This fixed header is used to make the event banner fixed after certain scroll height. 
*/
#page_contents .event_header.fixed-header {
  position: 									fixed;
  top: 											-71px;
  z-index:										1900;
  transition:									width 0.2s;
}

/**
 * 2015-12-31	Charles		M#2059. Initial creation of the event banner css.
 */
.event_banners {
	position: 									relative;
	width:										100%;
	height:										300px;
}

.hide_banner {
	visibility:									hidden;
}

.event_banners div img {
	width:										100%;
	z-index:									-1;
}

.event_information {
	position:									absolute;
	left:										-4px;
	bottom:										5px;
	display:									inline;
	background-color:							rgba(0,0,0,0.7);
	z-index:									100;
	padding:									10px;
	padding-top:								4px;
}

.event_information div a {
	color:										#cccccc;
	transition:                                 all 0.25s ease-in-out 0s;
}

.event_information .title {
	font-size:									35px;
	color:										#ffffff;
	letter-spacing:								1px;
}

.event_information .sub_title {
	font-size:									15px;
	color:										#ffffff;
}

.event_brand_logo {
	position:									absolute;
	right:										0px;
	bottom:										5px;
	display:									inline;
	background-color:							rgba(0,0,0,0.5);
	z-index:									100;
/* 	padding:									10px; */
	height:										101px;
}

.camera_upload_icon {
	position:									absolute;
 	display:									none; 
	font-size:									28px;
	color:										white;
	z-index:									4000;
	left:										10px;
	top:										30px;
}

.camera_upload_icon i {
	color:										white;
}

#page_contents .header td {
	vertical-align: 							top;
}

#page_contents .header img {
	border-top:									1px solid #eeeeee;
	border-left:								1px solid #eeeeee;
	border-right: 								1px solid #999999;
	border-bottom:								1px solid #999999;
}

#page_contents .header .title {
	font-size:									35px;
	font-weight:								bold;
	color:										#000000;
}

#page_contents .header .sub_title {
	font-size:									15px;
	font-weight:								bold;
	color:										#000000;
}

#loading_grid {
	z-index:									50000;
	position:									fixed;
	left:										64px;
	top:										64px;
	background-color:							#000000;
	opacity:									0.7;
	filter:										alpha(opacity=40); /* For IE8 and earlier */
}

#loading_grid_hour_glass {
	z-index:									60000;
	width:										186px;
	height:										186px;
	position:									fixed;
	background-image:							url(../images/default/hour_glass2.svg);
	background-repeat:							no-repeat;
}

a {
	text-decoration: 							none;
	color: 										#003399;
}

a:hover, span.calendar_span_link:hover {
	text-decoration: 							underline;
	color:										#000066;
}

table {
	border:										0px;
}

table th.delete, table td.delete {
	color: red;
}

/* for IE6 */
th, td, div, span {
	font-size:									11px;
}

hr {
	height:										0;
	border: 									0;
	border-top:									1px solid #999999;
}

fieldset {
	margin:										3px;
	margin-bottom:								10px;
	padding:									3px;
}

legend {
	font-weight:								bold;
}

form {
	margin-top:									3px;
	margin-bottom:								3px;
}

h1 {
	font-size:									16px;
	font-family:								Arial;
	font-weight:								bold;
	margin:										5px;
}

h2 {
	font-size:									14px;
	font-family:								Arial;
	font-weight:								bold;
	margin:										5px;
}

/**
 * Page content tabs
 */
.tab_container {
	min-height:									25px;
	overflow:									hidden;
	border-bottom:								1px solid #eeeeee;
	padding:									0px;
	margin:										0px 0px 0px 0px;
	margin-top:									7px;
	background-color:							#ffffff;
	clear:										both;
}

.tab_container .tab {
	float:										left;
	position:									relative;
	cursor:										pointer;
	height:										25px;
	line-height:								25px;
	font-size: 									12px;
	letter-spacing:								1px;
	padding-left:								15px;
	padding-right:								15px;
	margin:										0px 0px -1px 3px;
	transition: 								all 0.25s ease-in-out 0s;
}

.tab_container .tab_active .tab {
	color:										white;
	background-color:							#4484ee; /*#288cfb;*/
	text-align:									center;
}

.tab_container .tab_active:hover {
}

.tab_container .tab_inactive .tab {
	color:										#999999;
	background-color:							#f0f0f0;
	text-align:									center;
}

.tab_container .tab_inactive:hover {
}

.tab_container .tab_inactive:hover .tab {
	color:										#333333;
	background-color:							#eaeaea;	
}

.tab_contents {
	margin:										0px;
	padding:									0px;
	padding-top:								5px;
}

/* Form elements */
form {
	margin:										0px;
}

input.text {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									1px;
	padding-right:								1px;
	font-weight:								normal;
	margin:										0px;
}


input.text.ajax_list_search {
	width:									  0px;
	margin-top:								 2px;
	margin-left:								2px;
	border-radius:							  4px;
}

input[type=radio] {
	width:										auto;
	border: 									0px;
	margin:										0px;
	padding:									0px;
}

input[autocomplete="off"]::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	height: 0;
	width: 0;
	margin: 0;
}

textarea {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									1px;
}

/* Remove button padding in FF */
input.button::-moz-focus-inner {
	border:										0;
	padding:									0;
}

input.button, button.button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, a.button , .btn-qibis, .btn.btn-primary {
    /*font-family:								Verdana, Tahoma, Arial;*/
	/*border:										1px solid #666666;
	
	font-size:									11px;
	color:										black;
	padding:									0px 10px;
	margin:										0px;
	height:										18px;
	background-image:							url("../images/default/button_background_normal.png");
	background-repeat:							repeat-x;
	background-position:						left top;
	border-color:								#c8c8c8 #8c8c8c #8c8c8c #c8c8c8;
	cursor:										pointer;
	border-radius:								4px;*/
        
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    
    cursor: pointer;
    display: inline-block;
    
    font-weight: normal;
   
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11px;
    height:24px;
    line-height:23px;
    
    background-color:#4484EE;
    /*background-color:#5775EE;*/
    /*background-color:#5174FF;*/
    /*background-color:#5E7DFF;*/    
    /*background-color:#3C85FF;*/
    
    /*background-color:#2F5EFF;*/
    /*background-color: #3C63FF;*/
    /*background-color:#6A87C4;*/
    /*background-color:#5677E7;*/
    /*background-color:#5988D5;*/
    
    margin:1px 0px 1px 0px;
    color: #fff;
    border-radius: 0px;
    letter-spacing: 1px;
    padding:0px 5px 0px 5px;
}

.btn-qibis + .btn-qibis {
	margin-left:2px;
}

button.button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only span.ui-button-text {
	padding-top:								0px;
	padding-bottom:								0px;
}

input.increments {
	line-height:18px;
	height:										18px;
	width:										18px;
	padding:									0px;
}

input.button:hover, a.button:hover, .btn-qibis:hover, .btn.btn-primary:hover, .btn:focus, .btn-primary:focus {
	background-color: 							#2570EB;
	color:										#ffffff;
	text-decoration:							none;
}

input.button:active, a.button:active {
	background-image:							url("../images/default/button_background_normal.png");
	border-color:								#333333;
	color:										#000000;
}

input.disabled {
	cursor:										default;
	color:										#999999;
}

input.disabled:hover {
	background-image:							url("../images/default/button_background_normal.png");
	border-color:								#c8c8c8 #8c8c8c #8c8c8c #c8c8c8;
	color:										#999999;
}

select {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									1px;
}

.btn,.btn.btn-xs, .btn.btn-sm, .btn.btn-md, .btn.btn-lg {
	border-radius: 0px;
}

/**
	Tablehandler elements
**/

/* Lable for lists */
.tablehandler_list {
	table-layout:								fixed;
	margin:										0px;
	border:										0px;
	width:										100%;
	border-bottom:								1px solid #666666;
}

.tablehandler_list th {
	height:										18px;
	border-bottom:								1px solid #333333;
	padding-left:								5px;
	padding-right:								5px;
	font-weight:								bold;
	white-space:								nowrap;
	overflow: 									hidden;
}

.tablehandler_list th.colA {
	background-color:							#7a879a;
	color:										#ffffff;
	line-height:								25px;
}

.tablehandler_list th.colB {
	background-color:							#5a6575;
	color:										#ffffff;
	line-height:								25px;
}

.tablehandler_list th.colA:hover {
}

.tablehandler_list th.colB:hover {
}

.tablehandler_list th img {
	margin:										0px;
	padding:									0px;
}

.tablehandler_list td {
	padding:									0px;
	height:										20px;
	line-height:								20px;
	background-repeat:							repeat-x;
}

/* 2013-05-07  Alex  Fix dirty layout issues with images in the crowd rows.
.tablehandler_list td img {
	float: 										left;
}

/* 2008-03-13 Alex Helper div for nice wrapping method */
.tablehandler_list_wrapping_div {
	overflow:									hidden;
	overflow-x:									hidden;
	text-overflow:								ellipsis;
	padding-left:								3px;
	padding-right:								3px;
	white-space:								nowrap;
}

/* Table for viewing values and the form to edit/submit values */
.tablehandler_table {
	width:										550px;
	border:										0px;
}

/* Tablehandler background color gradients are located in an auto-generated portion of gradients.css. */

.tablehandler_table th {
	text-align:									left;
	padding:									0px;
	padding-left:								10px;
	line-height:								19px;
	height:										20px;
	background-image:							url(../images/default/tablehandler_th_colA.gif);
	border:										1px solid #999999;
	border-left:								0px;
	border-top:									0px;
}

.tablehandler_table th input {
	margin-top:									1px;
	margin-right:								2px;
}

.tablehandler_table td {
	vertical-align:								top;
	padding:									5px;
	border-bottom:								1px solid #cccccc;
}

.tablehandler_table td.colA {
	background-color:							#ffffff;
	width:										200px;
}

.tablehandler_table td.colB {
	background-color:							#ffffff;
	width:										350px;
}

.tablehandler_table td.colA_hover {
	background-color:							#f9f9f9;
	width:										200px;
}

.tablehandler_table td.colB_hover {
	background-color:							#f9f9f9;
	width:										350px;
}

/* Tablehandler form elements */
.tablehandler_table input.text {
	width:										100%;
}

.tablehandler_table input.button {
	width:										auto;
	margin-top:									1px;
	margin-bottom:								0px;
}

.tablehandler_table textarea {
	width:										100%;
}

.tablehandler_table select {
	width:										330px;
}

.tablehandler_table span.error_msg {
	color:										#ff0000;
	font-weight:								bold;
}

.tablehandler_table span.color_preview {
	border:										1px solid black;
	padding-top:								1px;
	padding-bottom:								1px;
	padding-left:								6px;
	padding-right:								6px;
	text-align:									center;
}

.tablehandler_filter_bar td {
	padding:									1px;	
}

/* Messages */
.no_privileges_message {
	margin:										0px;
	margin-top:									50px;
	border-top:									1px solid #666666;
	border-bottom:								1px solid #666666;
	padding:									10px;
	padding-right:								200px;
	background-color:							#ffffff;
	background-image:							url(../images/default/login_icon.gif);
	background-repeat:							no-repeat;
	background-position:						bottom right;
}

.no_privileges_message span.required_msg {
	font-style:									italic;
	color:										#999999;
}

.confirm_dialog {
	margin:										0px;
	margin-top:									50px;
	border-top:									1px solid #666666;
	border-bottom:								1px solid #666666;
	padding:									10px;
	padding-right:								200px;
	background-color:							#ffffff;
	background-image:							url(../images/default/warning.gif);
	background-repeat:							no-repeat;
	background-position:						bottom right;
}

.notice_message {
	margin:										0px;
	margin-top:									50px;
	border-top:									1px solid #666666;
	border-bottom:								1px solid #666666;
	padding:									10px;
	padding-right:								200px;
	background-color:							#ffffff;
	background-image:							url(../images/default/warning.gif);
	background-repeat:							no-repeat;
	background-position:						bottom right;
}

/* Tablehandler AJAX support */
.ajax_dhtml_header {
	border:										1px solid #ffffff;
	border-bottom:								0px;
	background-color:							#cccccc;
	padding-top:								2px;
	padding-bottom:								2px;
	font-family:								Arial;
	font-size:									11px;
	font-weight:								bold;
	color:										#666666;
	width:										345px;
	height:										15px;
}

.ajax_dhtml_content_filter {
	border:										1px solid #0099ff;
	background-color:							#eeeeee;
	padding-top:								1px;
	padding-bottom:								1px;
	font-family:								Arial;
	font-size:									11px;
	font-weight:								bold;
	color:										#666666;
	width:										325px;
	height:										15px;
}

.ajax_dhtml_content {
	border:										1px solid #ffffff;
	border-top:									0px;
	background-color:							#eeeeee;
	padding:									0px;
	margin-bottom:								3px;
	overflow-y:									auto;
	overflow-x:									hidden;
	width:										345px;
	height:										100px;
}

.ajax_no_results {
	color:										#bbbbbb;
	float:										right;
	font-weight:								bold;
	padding:									5px;
}

.ajax_multi_link_content {
	border:										1px solid #666666;
	background-color:							#ffffff;
	color:										#333333;
	overflow-y:									auto;
	overflow-x:									hidden;
	width:										345px;
	height:										100px;
}

.multi_link_list_item {
	background-color:							#fafafa;
	padding-left:								3px;
	padding-right:								3px;
	margin-left:								1px;
	margin-right:								1px;
	border-bottom:								1px solid #ffffff;
	line-height:								21px;
}

.multi_link_list_item:hover {
	background-color:							#eeeeee;
	background-image:							url(../images/default/th_row_colA_hover.png);
	cursor:										pointer;
}

/* Sections for containing messages and/or buttons */

div.section_default {
	padding:									0px;
	margin:										0px;
	margin-bottom:								10px;
	margin-left:								5px;
}

div.section_default .title {
	height:										22px;
	background-color:							#494D57;
}

div.section_default .title .left {
	width:										2px;
	height:										22px;
	float:										left;
}

div.section_default .title .middle {
	padding-left:								5px;
	color:										#ffffff;
	font-weight:								bold;
	line-height:								22px;
	font-size: 									12px;
	display:inline;
}

div.section_default .title .extra_info {
	float:										right;
	width:										22px;
	height:										22px;
}

div.section_default .title .right {
	width:										2px;
	height:										22px;
	float:										right;
}

div.section_default .contents {
	padding:									3px;
	background-color:							#e1e1e1;
}

.data_container {
	background-color: 							#ffffff;
	border-top:									0px solid #999999;
	border-left:								0px solid #999999;
	border-right: 								0px solid #eeeeee;
	border-bottom:								0px solid #eeeeee;
	border-spacing:0;
}

.data_container input:disabled {
	opacity:									0.2;
 	filter:										alpha(opacity=20); /* For IE8 and earlier */
}

.data_container th {
	text-align:									left;
	padding-left:								5px;
	/*background-color:							#eeeeee;*/
	color:										#333333;
	font-weight:								bold;
	font-size:									11px;
	border-top:									0px solid #cccccc;
	border-bottom:								0px solid #cccccc;
	line-height:								18px;
	/*background-image:							url(../images/default/page_navigation_bar_bk.png);*/

}

.data_container th.left_border {
	border-left: 								0px solid #bbbbbb;
	padding-right:								3px;
}

.data_container tr.group th {
	line-height:								12px;
	background-image:							none;
	background-color:							#ffffff;
	border-left:								0px solid #cccccc;
}

.data_container tr.group th.colA {
	background-color:							#eeeeee;
}

.data_container tr.group th.colB {
	background-color:							#ffffff;
}

.data_container tr.data_row:hover {
	background-color: 							#efefef;
}

.data_container tr.highlighted {
	background-color:							#f5f5f5;
}

.data_container tr.warning {
	background-color:							#ffc0cb;
}

.data_container tr.warning td:last-child {
	background-image:							url(../images/default/icons/exclamation.png);
	background-repeat:							no-repeat;
	background-position:						right;
	padding-right:								18px;
	border-right:								2px solid transparent;
}

.data_container tr.notice {
	background-color:							#fafab0;
}

.data_container tr.notice td:last-child {
	background-image:							url(../images/default/icons/error.png);
	background-repeat:							no-repeat;
	background-position:						right;
	padding-right:								18px;
	border-right:								0px solid transparent;
}

.data_container tr.closed {
	background-color:							inherit;
}

.data_container tr.closed td:last-child {
	background-image:							url(../images/default/icons/lock.png);
	background-repeat:							no-repeat;
	background-position:						right;
	padding-right:								18px;
	border-right:								0px solid transparent;
}

.data_container tr.data_row td {
	vertical-align:								top;
	padding-left:								10px;
	padding-right:								10px;
	line-height:								21px;
	border-bottom:								0px solid #eeeeee;
	max-width:									300px;
	white-space:								nowrap;
	overflow:									hidden;
	text-overflow:								ellipsis;
}

.data_container tr.data_row td.selected {
	background-color:							#00ffff;
}

.data_container tr.data_row td.multiline {
	white-space:								normal;
}

.data_container tr.data_row td .setting_hidden {
	display:									none;
}

.data_container tr.data_row td .setting_visible {
	display:									inline;
}

.data_container tr.remark_row td {
	padding-left:								10px;
	padding-right:								10px;
	line-height:								18px;
	border-bottom:								1px solid #eeeeee;
	color: 										#666666;
}

.data_container input[type="text"], .data_container input[type="password"] {
	width:										40px;
	border-left:								1px solid #333333;
	border-top:									1px solid #333333;
	border-right:								1px solid #cccccc;
	border-bottom:								1px solid #cccccc;
	padding:									2px;
	font-size:									11px;
	text-align:									right;
}

/* This is to provide a left border for table container column. */
.data_container td.left_border{
	border-left: 								1px solid #bbbbbb;
	padding-right:								3px;
}

#right_align_text{
	font-weight:								bold;
	text-align:									right;
}


/* notice */
.section_notice_title {
	font-size:									12px;
	padding:									3px;
	color:										#000066;
	font-weight:								bold;
}

.section_notice {
	padding:									3px;
	margin-left:								5px;
	margin-bottom:								10px;
	overflow-x:									hidden;
	background-color:							#ffffcc;
}

/* Personal page (My page) */
div.header_container {
	padding-left:								3px;
	border-top:									1px solid #666666;
	border-bottom:								1px solid #666666;
	background-image:							url(../images/default/tablehandler_th_colA.gif);
}

div.header_container span.header {
	font-size:									14px;
	font-weight:								bold;
	font-family:								Arial, Verdana, Tahoma;
	padding-right:								10px;
	color:										#000066;
}

div.header_container div.info {
	float:										right;
}

div.event_content {
	background-color:							#ffffff;
	padding:									10px;
	padding-top:								5px;
	border-bottom:								1px solid #666666;
	margin:										0px;
	margin-bottom:								20px;
}

span.remark {
	font-family:								Tahoma, Arial, Verdana;
	font-size:									10px;
	font-weight:								bold;
	color:										#999999;
}

div.memo_content {
	background-image:							url(../images/default/mypage_memo_bk.gif);
	background-repeat:							repeat-x;
	background-color:							#fef6ca;

	padding:									10px;
	padding-top:								5px;
	border-bottom:								1px solid #666666;
	margin:										0px;
	margin-bottom:								20px;
}

/* Date selection calendar */
table.calendar {
	width:										100%;
}

table.calendar td {
	text-align:									center;
	font-size:									12px;
}

table.calendar td a {
	display:									block;
	font-size:									12px;
}

table.calendar td a:hover {
	background-color:							#CCFFCC;
}

table.calendar th {
	background-color:							#D3DCE3;
	text-align:									center;
}

table.calendar td.selected {
	background-color: 							#FFCC99;
}

img.calendar {
	border:										none;
}

form.clock {
	text-align:									center;
}

/* Various styles */
span.notice {
	font-style:									italic;
	color:										#666666;
}

.progress_bar_container {
	background-color:							#ffffff;
	width:										100%;
	padding:									0px;
	border:										1px solid #999999;
}

.progress_bar {
	background-image:							url(../images/default/progress_bar_bk.gif);
	background-color:							#33ff66;
	line-height:								18px;
	text-align:									center;
	font-family:								Arial, Tahoma, Verdana;
	font-size:									10px;
	font-weight:								bold;
}

/**
 * Calendar styles
**/

table.calendar_navigation {
	padding:									2px;
	height:										40px;
	background-color:							#ffffff;
	border-bottom:								1px solid #999999;
	table-layout:								fixed;
}

.calendar_navigation img {
	margin:										0px;
	padding:									0px;
	padding-right:								5px;
}

.button_subscribe_container {
	width:										37px;
}

.button_container {
	width:										180px;
	text-align:									right;
}

.date_selection {
	text-align:									center;
}

.header1 {
	margin:										8px;
	font-size:									12px;
	vertical-align:								top;
	color:										#666666;
}

.header2 {
	margin:										8px;
	font-size:									18px;
	vertical-align:								top;
	color:										#333333;
}

.header3 {
	margin:										8px;
	font-size:									30px;
	vertical-align:								top;
}

.header4 {
	margin:										8px;
	font-size:									18px;
	vertical-align:								top;
	color:										#333333;
}

.header5 {
	margin:										8px;
	font-size:									12px;
	vertical-align:								top;
	color:										#666666;
}

#calendar_grid {
	padding:									0px;
	margin:										0px;
	width:										100%;
	height:										300px;
	background-color:							#ffffff;
	border:										0px;
	border-right:								18px solid #999999;
	table-layout:								fixed;
}

#calendar_grid_container {
	position:									relative;
	overflow:									scroll;
	overflow-x:									hidden;
	overflow-y:									scroll;
	height:										300px;
	width:										100%;
	padding:									0px;
}

#calendar_grid td {
	height:										20px; /* default grid cell height */
	padding:									0px;
	vertical-align:								top;
	white-space:								nowrap;
}

#calendar_grid td.grid_cellA {
	border:										1px solid #a1a1a1;
	border-bottom:								0px;
	border-left:								0px;
}

#calendar_grid td.grid_cellB {
	border-top:									1px dotted #cccccc;
	border-right:								1px solid #a1a1a1;
	border-bottom:								0px;
	border-left:								0px;
}

#calendar_grid td.grid_cell_timeA {
	border:										1px solid #a1a1a1;
	border-bottom:								0px;
	border-left:								0px;
	width:										40px;
	padding-right:								2px;
	text-align:									right;
	vertical-align:								top;
	background-color:							#eeeeee;
}

#calendar_grid td.grid_cell_timeB {
	border-top:									0px;
	border-right:								1px solid #a1a1a1;
	border-bottom:								0px;
	border-left:								0px;
	width:										40px;
	background-color:							#eeeeee;
}

#calendar_grid td.grid_cell_inactive_month {
	border:										1px solid #a1a1a1;
	border-bottom:								0px;
	border-left:								0px;
	background-color:							#dddddd;
	font-size:									100px;
	filter:										alpha(opacity=50);
	-moz-opacity:								.50;
	opacity:									.50;
}

#calendar_grid td .day_of_month {
	background-color:							#eeeeee;
	text-align:									right;
	font-weight:								bold;
	padding:									1px;
	margin:										0px;
	margin-bottom:								2px;
}

#calendar_grid_header_container {
	position:									relative;
}

#calendar_grid_header {
	padding:									0px;
	border:										0px;
	border-bottom:								3px solid #666666;
	width:										100%;
	border-right:								18px solid #666666;
	table-layout:								fixed;
}

/* default grid header cell height */
#calendar_grid_header td {
	padding:									0px;
	height:										20px;
}

#calendar_grid_header td.grid_cellA {
	border:										0px;
	border-right:								1px solid #a1a1a1;
	padding-left:								2px;
	background-image:							url(../images/default/tablehandler_th_colA.gif);
}

#calendar_grid_header td.grid_cellA_current {
	border:										0px;
	border-right:								1px solid #a1a1a1;
	padding-left:								2px;
	background-image:							url(../images/default/tablehandler_th_colA_hover.gif);
}

#calendar_grid_header td.grid_cell_timeA {
	border:										0px;
	border-right:								1px solid #a1a1a1;
	width:										40px;
	text-align:									right;
	vertical-align:								top;
	padding-right:								2px;
	background-color:							#666666;
}

.calendar_grid_cell_container {
	position:									relative;
	padding:									0px;
	margin:										0px;
}

.calendar_popup {
	background-color:							#cccccc;
	border:										1px solid #999999;
}

.calendar_loader {
	background-color:							#ffffff;
	border:										1px solid #cccccc;
	text-align:									center;
	font-style:									italic;
	font-size:									12px;
	padding:									0px;
	padding-top:								20px;
}

div.calendar_popup_header {
	font-size:									14px;
	font-weight:								bold;
	text-align:									left;
	border-bottom:								1px solid #999999;
	padding:									5px;
	overflow:									hidden;
	white-space:								nowrap;
}

div.calendar_popup_body {
	height:										370px;
	overflow:									auto;
}

.calendar_popup td.colA {
	vertical-align:								top;
	font-weight:								bold;
	text-align:									right;
	color:										#666666;
}

.calendar_popup div.content {
	overflow-y:									auto;
}

#available_calendars_container {
	padding:									0px;
	overflow-x:									hidden;
	overflow-y:									auto;
	height:										100px;
}

/**
 *	Calendar events
**/

/* event 0 - grey/light blue */
.calendar_event_container0 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav0 {
	background-image:							url(../images/default/calendar_event0_bk);
}

.calendar_event_container0 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container0 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event0_bk);
	background-repeat:							repeat-x;
	background-color:							#9ab2d0; /* bottom of gradiant */
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container0 b.calendar_event_top, .calendar_event_container0 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container0 b.calendar_event_top b, .calendar_event_container0 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container0 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container0 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container0 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container0 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#c2daf8;  /* top of gradiant */
}

/* event 1 - blue */
.calendar_event_container1 {
	margin:										0px;
	padding:									0px;
	margin-left:								1px;
	margin-right:								1px;
}

.calendar_event_nav1 {
	background-image:							url(../images/default/calendar_event1_bk.gif);
}

.calendar_event_container1 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;
}

.calendar_event_container1 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event1_bk.gif);
	background-repeat:							repeat-x;
	background-color:							#3b89d7;
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container1 b.calendar_event_top, .calendar_event_container1 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container1 b.calendar_event_top b, .calendar_event_container1 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container1 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container1 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container1 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container1 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#64b1ff;
}

/* event 2 - green */
.calendar_event_container2 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav2 {
	background-image:							url(../images/default/calendar_event2_bk);
}

.calendar_event_container2 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container2 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event2_bk);
	background-repeat:							repeat-x;
	background-color:							#41bcb2;
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container2 b.calendar_event_top, .calendar_event_container2 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container2 b.calendar_event_top b, .calendar_event_container2 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container2 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container2 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container2 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container2 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#69e4da;
}

/* event 3 - light blue */
.calendar_event_container3 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav3 {
	background-image:							url(../images/default/calendar_event3_bk);
}

.calendar_event_container3 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container3 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event3_bk);
	background-repeat:							repeat-x;
	background-color:							#85cad7; /* bottom of gradiant */
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container3 b.calendar_event_top, .calendar_event_container3 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container3 b.calendar_event_top b, .calendar_event_container3 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container3 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container3 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container3 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container3 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#aef3ff;  /* top of gradiant */
}

/* event 4 - yellow */
.calendar_event_container4 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav4 {
	background-image:							url(../images/default/calendar_event4_bk);
}

.calendar_event_container4 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container4 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event4_bk);
	background-repeat:							repeat-x;
	background-color:							#c7d565;
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container4 b.calendar_event_top, .calendar_event_container4 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container4 b.calendar_event_top b, .calendar_event_container4 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container4 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container4 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container4 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container4 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#effd8e;
}

/* event 5 - red/pink */
.calendar_event_container5 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav5 {
	background-image:							url(../images/default/calendar_event5_bk);
}

.calendar_event_container5 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container5 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event5_bk);
	background-repeat:							repeat-x;
	background-color:							#d79f89;
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container5 b.calendar_event_top, .calendar_event_container5 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container5 b.calendar_event_top b, .calendar_event_container5 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container5 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container5 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container5 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container5 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#ffc7b1;
}

/* event 6 - purple */
.calendar_event_container6 {
	margin:										0px;
	padding:									0px;
}

.calendar_event_nav6 {
	background-image:							url(../images/default/calendar_event6_bk);
}

.calendar_event_container6 .calendar_event_header {
	background-color:							#003366;
	padding:									0px;
	padding-left:								3px;
	height:										13px;
	overflow-x:									hidden;
	color:										#ffffff;
	font-weight:								bold;
	font-size:									9px;
	white-space:								nowrap;

}

.calendar_event_container6 .calendar_event_content {
	margin:										0px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-image:							url(../images/default/calendar_event6_bk);
	background-repeat:							repeat-x;
	background-color:							#c599d7; /* bottom of gradiant */
	overflow-x:									hidden;
	overflow-y:									hidden;
}

.calendar_event_container6 b.calendar_event_top, .calendar_event_container6 b.calendar_event_bottom {
	display:									block;
}

.calendar_event_container6 b.calendar_event_top b, .calendar_event_container6 b.calendar_event_bottom b {
	display:									block;
	height:										1px;
	overflow:									hidden;
}

.calendar_event_container6 .r1 {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container6 .r1b {
	margin:										0 2px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
	margin-bottom:								1px;
}

.calendar_event_container6 .r2 {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#003366;
}

.calendar_event_container6 .r2b {
	margin:										0 1px;
	border-left:								1px solid #003366;
	border-right:								1px solid #003366;
	background-color:							#eec1ff; /* top of gradiant */
}

div.export_list {
	background-color:							#fcfefd;
	border-spacing: 							0px;
	border-collapse: 							collapse;
	width:										750px;

	border:										1px;
	border-bottom:								1px solid #999999;
	border-right:								1px solid #999999;
}

div.day_column {
	width:										36px;
	text-align:									center;
	font-size:									10px;
}

/* order_item order form. */
table.order_items_form_container {
	margin:										0px;
	width:										100%;
}

table.order_items_form_container td.button_panel {
	background-color: 							#888888;
	text-align:									right;
}

table.order_items_form {
	background-color:							#ffffff;
	width:										100%;
}

table.order_items_form tr.header_row {
	background-color:							#dddddd;
	background-image:							url(../images/default/order_items_form_header.gif);
}

table.order_items_form tr.totals_row {
	background-color:							#dddddd;
	background-image:							url(../images/default/order_items_form_header.gif);
}

table.order_items_form tr.order_item_row {
	background-color:							#ffffff;
}

table.order_items_form tr.order_item_row:hover {
	background-color:							#e9e9e9;
}

table.order_items_form th.group_end {
	border-right:								1px solid #c3c3c3;
}

table.order_items_form th.header_cell {
	border-right: 1px solid #c6c6c6;
}

table.order_items_form th.day_mark {
	background-image:							url(../images/default/order_items_form_header_dark.gif);
}

table.order_items_form th {
	text-align:									left;
	font-size:									10px;
	padding-left:								2px;
	padding-right:								2px;
}

table.order_items_form td {
	font-size:									10px;
	border-right:								1px solid #f0f0f0;
	border-bottom:								1px solid #f0f0f0;
	padding-left:								2px;
	padding-right:								2px;
}

table.order_items_form td.disabled_cell {
	background-color:							#f0f0f0;
	text-align:									center;
}

table.order_items_form td.cross {
	background-image:							url(../images/default/cross_small.gif);
	background-repeat:							no-repeat;
	background-position:						center center;
}

table.order_items_form td.dot {
	background-image:							url(../images/default/dot_small.gif);
	background-repeat:							no-repeat;
	background-position:						center center;
}

table.order_items_form td.last_row {
	border-bottom-style:						none;
}

table.order_items_form td.group_end {
	border-right:								1px solid #c3c3c3;
}

table.order_items_form td.day_mark {
	background-color:							#eeeeee;
}

table.order_items_form td.last_row_group_end {
	border-bottom-style:						none;
	border-right:								1px solid #c3c3c3;
}

table.order_items_form select {
	font-size:									10px;
}

input.order_items_form_unit_amount {
	border:										0px solid #f0f0f0;
	font-size:									10px;
	margin:										0px;
	padding:									0px;
	text-align:									center;
	width:										25px;
	font-family:								Verdana, Tahoma, Arial;
}

input.order_items_form_remarks {
	border:										0px solid #f0f0f0;
	font-size:									10px;
	margin:										0px;
	padding:									0px;
	text-align:									left;
	width:										160px;
	font-family:								Verdana, Tahoma, Arial;
}

input.order_items_form_date {
	border:										0px solid #f0f0f0;
	font-size:									10px;
	margin:										0px;
	padding:									0px;
	text-align:									left;
	width:										100px;
	font-family:								Verdana, Tahoma, Arial;
}

input.order_items_form_text {
	border:										0px solid #f0f0f0;
	font-size:									10px;
	margin:										0px;
	padding:									0px;
	text-align:									left;
	width:										100px;
	font-family:								Verdana, Tahoma, Arial;
}

/* Manage order_item form. */
table.manage_order_items_form {
	background-color:							#ffffff;
	border-left:								1px solid #333333;
	border-right:								1px solid #333333;
	border-top:									1px solid #333333;
}

table.manage_order_items_form tr:hover {
	background-color:							#f6f6f6;
}

table.manage_order_items_form th {
	height:										20px;
	line-height:								20px;
	text-align:									left;
	padding-left:								5px;
	padding-right:								5px;
	background-color:							#ffffff;
	background-image:							url(../images/default/tablehandler_th_colA.gif);
	background-repeat:							repeat-x;
	background-position:						bottom;
	border-bottom:								1px solid #999999;
}

table.manage_order_items_form th.classification {
	background-image:							none;
	background-color:							#ffffff;
	font-size:									20px;
	padding-top:								20px;
	padding-bottom:								5px;
	border-bottom:								3px solid #333333;
}

table.manage_order_items_form th.day_mark {
	background-image:							url(../images/default/tablehandler_th_colB.gif);
}

table.manage_order_items_form th.last_column {
	border-right:								1px solid #999999;
}

table.manage_order_items_form th.button_panel {
	border-right:								1px solid #999999;
	text-align:									right;
	padding-top:								0px;
	padding-bottom:								0px;
}

table.manage_order_items_form td {
	padding:									2px 5px 2px 5px;
	border-bottom:								1px solid #999999;
}

table.manage_order_items_form td.unit_type {
	text-align:									center;
}

table.manage_order_items_form td.day_select {
	text-align:									center;
}

table.manage_order_items_form td.day_mark {
	background-color:							#eeeeee;
}

input.button_panel_button {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									0px;
	padding-left:								10px;
	padding-right:								10px;
	margin:										0px;
}

input.price {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									1px;
	padding-right:								1px;
	font-weight:								normal;
	margin:										0px;
	width:										60px;
	text-align:									right;
}

/* Manage order_item form checkbox. */

.checkbox_checked {
	width:										19px;
	height:										19px;
	background-image:							url(../images/default/checkbox_checked.gif);
	margin:										auto;
	padding:									0px;
	cursor:										pointer;
}

.checkbox_unchecked {
	width:										19px;
	height:										19px;
	background-image:							url(../images/default/checkbox_unchecked.gif);
	margin:										auto;
	padding:									0px;
	cursor:										pointer;
}

.checkbox_disabled_checked {
	width:										19px;
	height:										19px;
	background-image:							url(../images/default/checkbox_disabled_checked.gif);
	margin:										auto;
	padding:									0px;
}

.checkbox_disabled_unchecked {
	width:										19px;
	height:										19px;
	background-image:							url(../images/default/checkbox_disabled_unchecked.gif);
	margin:										auto;
	padding:									0px;
}

.order_items_form_original_amount {
	display:									inline-block;
	width:										25px;
	color:										#888888;
	font-size:									10px;
}

.order_items_form_vouchers_used {
/*	font-style:									italic;*/
/*	color:										black;*/
	background-color:							#ddd;
	background-image: 							linear-gradient(to left bottom, #fff 0%, #fff 25%, #ddd 25%, #ddd 50%, #fff 50%, #fff 75%, #ddd 75%);
	background-image: 							-webkit-linear-gradient(left bottom, #fff 0%, #fff 25%, #ddd 25%, #ddd 50%, #fff 50%, #fff 75%, #ddd 75%);
	background-image: 							-moz-linear-gradient(left bottom, #fff 0%, #fff 25%, #ddd 25%, #ddd 50%, #fff 50%, #fff 75%, #ddd 75%);
	background-size: 							10px 10px;
}

.order_items_form_autofill {
	font-style:									italic;
	color:										#888;
}

.order_items_form_example_help {
	position: 									absolute;
	left: 										50%;
	right: 										-50px;
	margin-left: 								20px;
	height: 									39px;
	border: 									2px solid #ffd700;
	text-align: 								right;
	font-size: 									9px;
	font-size:									0.45vw;
	line-height: 								9px;
	line-height:								0.45vw;
	text-overflow:								hidden;
}

.order_items_form_example_help:before {
	content:									"";
	position: 									absolute;
	top: 										10px;
	left: 										-12px;
	width: 										0px;
	height: 									0px;
	border-top: 								10px solid transparent;
	border-right: 								10px solid #ffd700;
	border-bottom: 								10px solid transparent;
}

td.day_mark .order_items_form_vouchers_used {
	background-color:							#ddd;
}

/* Styled checkboxes */
input[type=checkbox].styled {
	display:									none;
}

input[type=checkbox].styled + label {
	display:									inline-block;
	width:										19px;
	height:										19px;
	background-image:							url(../images/default/checkbox_unchecked.gif);
	margin:										auto;
	padding:									0px;
	cursor:										pointer;
}

input[type=checkbox].styled:checked + label {
	background-image:							url(../images/default/checkbox_checked.gif);
}

input[type=checkbox].styled:disabled + label {
	background-image:							url(../images/default/checkbox_disabled_unchecked.gif);
	cursor:										default;
}

input[type=checkbox].styled:disabled:checked + label {
	background-image:							url(../images/default/checkbox_disabled_checked.gif);
	cursor:										default;
}

/* General order data form. */
table.general_order_data_form_container {
	width:										100%;
}

table.general_order_data_form_container td.button_panel	{
	background:									#dddddd;
	text-align:									right;
}

table.general_order_data_form_container td.title	{
	background:									#dddddd;
	text-align:									center;
	font-weight:								bold;
	font-size:									18px;
}

table.general_order_data_form {
	background:									#ffffff;
	width:										100%;
}

table.general_order_data_form th {
	text-align:									left;
}

table.general_order_data_form th.urgent_note {
	text-align:									center;
	color:										#880000;
}

table.general_order_data_form th.note {
	text-align:									center;
	color:										#008800;
}

table.general_order_data_form th.second_column {
	text-align:									left;
	padding-left:								50px;
}

table.general_order_data_form th.separator {
	padding-left:								5px;
	padding-right:								5px;
}

table.general_order_data_form td.subheader {
	background:									#dddddd;
	text-align:									center;
	font-weight:								bold;
	/*font-size:									18px;*/
}

input.general_order_data_form_text {
	border:										1px solid #cccccc;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									10px;
	padding:									1px;
	padding-right:								1px;
	font-weight:								normal;
	margin:										0px;
	width:										200px;
}

textarea.general_order_data_form_textarea {
	border:										1px solid #cccccc;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									10px;
	padding:									1px;
	padding-right:								1px;
	font-weight:								normal;
	margin:										0px;
	width:										200px;
	height:										50px;
}


/* == Image Coordinate Input styles == */

.ici-map {
	position:				relative;
	background:				transparent none top left no-repeat;
	cursor:					crosshair;
}

.ici-map .coords {
	position:				relative;
	width:					100%;
	height:					20px;
	color:					#444466;
	padding:				2px;
	text-align:				center;
	font-size:				12pt;
}

.ici-map .pip {
	position:				absolute;
	margin:					0px;
	padding:				0px;
	float:					none;
	background:				transparent url(../images/default/pip.gif) top left no-repeat;
	overflow:				hidden;
	width:					16px;
	height:					16px;

	cursor:					pointer;
}

.ici-map .pip.green {
	background-image:		url(../images/default/pip-green.gif);
}

.ici-map .pip.red {
	background-image:		url(../images/default/pip-red.gif);
}

table.report {
	border-spacing:				0;
	border:						1px solid #808080;
	background-color:			white;
}

table.report th, table.report td {
	padding:					1px 5px;
	border-right:				1px solid #d0d0d0;
	border-bottom:				1px solid #d0d0d0;
	min-width:					15px;
}

table.report th {
	font-weight:				bolder;
	text-align:					center;
}

table.report th.sum, table.report tr.sum th {
	font-weight:				bolder;
	text-align:					left;
}

table.report thead td {
	text-align:					center;
}

table.report td {
	text-align:					left;
}

table.report td.h_group_start, table.report th.h_group_start, table.report tr.h_group_start td, table.report tr.h_group_start th {
	border-left:				1px solid #808080;
}

table.report td.h_group_end, table.report th.h_group_end, table.report tr.h_group_end td, table.report tr.h_group_end th {
	border-right:				1px solid #808080;
}

table.report td.r_separator, table.report th.r_separator, table.report tr.r_separator td, table.report tr.r_separator th {
	border-right:				2px solid #808080;
}

table.report td.l_separator, table.report th.l_separator, table.report tr.l_separator td, table.report tr.l_separator th {
	border-left:				2px solid #808080;
}

table.report td.t_separator, table.report th.t_separator, table.report tr.t_separator td, table.report tr.t_separator th {
	border-top:					2px solid #808080;
}

table.report td.v_group_start, table.report th.v_group_start, table.report tr.v_group_start td, table.report tr.v_group_start th {
	border-top:					1px solid #808080;
}

table.report td.v_group_end, table.report th.v_group_end, table.report tr.v_group_end td, table.report tr.v_group_end th {
	border-bottom:				1px solid #808080;
}

table.report .number {
	text-align:					right !important;
}

table.report .disabled {
	background-color:			#eeeeee;
	color:						#666666;
}

table.report input {
	width:						100%;
}

table.report .number input {
	text-align:					right;
}

table.report .cross {
	background-image:							url(../images/default/cross_small.gif);
	background-repeat:							no-repeat;
	background-position:						center center;
}

table.report .dot {
	background-image:							url(../images/default/dot_small.gif);
	background-repeat:							no-repeat;
	background-position:						center center;
}

table.report td .icon {
	visibility: hidden;
	color: #666;
	float: right;
	cursor: pointer;
}

table.report td:hover .icon {
	visibility: visible;
}

table.control {
	border:						4px solid #d0d0d5;
	background:					inherit;
	width:						100%;
	margin:						0px auto;

}

table.report td.strong {
	font-weight:				bold;
}

table.control tr.command {
	background:					#d0d0d5 none;
	text-align:					center;
}

table.control th {
	text-align:					right;
	padding-right:				5px;
}

table.control td {

}

table.control tr.command td {
	border-top:									4px solid #d0d0d5;
}

table.control input {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									1px;
	padding-right:								1px;
	font-weight:								normal;
	margin:										0px;
	width:										60px;
	text-align:									right;
}

table.control tr.command input[type=radio] {
	width:										auto;
	padding:									0px;
	margin:										2px;
	border:										0px;
}

table.control tr.command input {
	border:										1px solid #666666;
	font-family:								Verdana, Tahoma, Arial;
	font-size:									11px;
	padding:									0px;
	padding-left:								10px;
	padding-right:								10px;
	margin:										0px 2px;
	text-align:									center;
}

div.liability {
	background-color: 							#ffffff;
}

div.description {
	background-color: 							#ffffff;
	padding: 5px;
}

/* Event report: order_item location overview */
div.map_location_dot {
	position:									absolute;
	width:										15px;
	height:										15px;
	background-image:							url(../images/default/map_location_dot.gif);
	font-family:								Verdana, Tahoma, Arial;
	font-size:									10px;
	line-height:								15px;
	text-align:									center;
	cursor:										default;
}

/* Orders. */
.order_remark {
	background-color: 							#ffffff;
	margin:										0px;
	padding:									10px;
	border-top:									1px solid #999999;
	border-bottom:								1px solid #999999;
}

.order_header {
	background-color: 							#ffffff;
	margin:										0px;
	padding:									10px;
	border-top:									1px solid #999999;
	border-bottom:								1px solid #999999;
	border-right:								1px solid #999999;
}

.order_header .title {
	font-family:								Arial;
	font-size:									16px;
	font-weight:								bold;
}

.order_header .subtitle {
	font-style:									italic;
	color:										#999999;
}

div.note_text {
	background-color: 							#ffffff;
	padding:									10px;
	border:										1px solid #999999;
	margin:										5px;
}

div.note {
	background-color: 							#ffffff;
	margin-top:									10px;
	padding:									10px;
	border-top:									1px solid #999999;
	border-bottom:								1px solid #999999;
}

div.note_buttons {
	background-color: 							#ffffff;
	margin-top:									10px;
	padding:									10px;
	border-top:									1px solid #999999;
	border-bottom:								1px solid #999999;
	text-align: 								center;
}

td.ready_for_approval_subtext {
	background-color:							#ffffff;
	text-align:									left;
	padding:									10px;
}

div.general_order_notice {
	background-color: 							#ffffff;
	margin-top:									10px;
	padding:									10px;
	border-top:									1px solid #999999;
	border-bottom:								1px solid #999999;
	width:										400px;
}

table.wizard_overview {
	width:										100%;
}

table.wizard_overview tr.normal {
	background-image:							url(../images/default/order_wizard_steps/background.jpg);
	cursor:										pointer;
}

table.wizard_overview tr.highlight {
	background-image:							url(../images/default/order_wizard_steps/background_highlight.jpg);
	cursor:										pointer;
}

table.wizard_overview td {
	height:										60px;
	margin:										0px;
	padding:									0px;
}

table.wizard_overview td.step_image {
	width:										60px;
}

table.wizard_overview td.step_info {
	padding:									0px 10px 0px 10px;
}

table.wizard_overview td.step_info div.step_name {
	font-family:								Arial;
	font-weight:								bold;
	font-size:									16px;
}

table.wizard_overview td.step_info div.step_description {
	font-style:									italic;
}

table.wizard_container {
	width:										100%;
	/*margin-top:									-10px;*/
}

table.wizard_navigation_bar {
	width:										100%;
	height:										60px;
}

table.wizard_navigation_bar tr {
	background-image:							url(../images/default/order_wizard_steps/background.jpg);
}

table.wizard_navigation_bar td.step_image {
	width:										60px;
	text-align:									center;
	cursor:										pointer;
}

div.wizzard_description_bar {
	background-color:							#eeeeee;
	background-image:							url(../images/default/wizard_step_info_background.gif);
	background-repeat:							repeat-x;
	padding:									10px;
	border:										1px solid #999999;
	border-left:								0px;
	border-bottom:								0px;
	margin-top:									60px;
}

.wizard_navigation_bar_fixed_container {
	height:										60px;
	top: 										91px;
	left:										221px;
	right:										0px;
	position:									fixed;
	z-index:									100;
	border-top:									9px solid #eee;
}

body.no_navigation_panel .wizard_navigation_bar_fixed_container {
	left:										0px;
}

.notice_line {
	font-weight:								bold;
	color:										#ff0000;
	font-size:									16px;
	font-family:								arial;
}

.line_separator {
	height:										1px;
	border-top:									1px dotted #999999;
	margin-top:									10px;
	margin-bottom:								5px;
}

.order_form_container {
	border:										1px solid #999999;
	border-left:								0px;
}

.tableListRssIcon {
	width:										25px;
	height:										25px;
	background-image:							url(../images/default/table_list_rss.gif);
	background-repeat:							no-repeat;
	cursor:										pointer;
	margin-left:								4px;
	position:									relative;
	float:										right;
}

.tableListRssIconHover {
	width:										25px;
	height:										25px;
	background-image:							url(../images/default/table_list_rss_hover.gif);
	background-repeat:							no-repeat;
	cursor:										pointer;
	margin-left:								4px;
	position:									relative;
	float:										right;
}

.tableListIcalIcon {
	width:										25px;
	height:										25px;
	background-image:							url(../images/default/table_list_ical.gif);
	background-repeat:							no-repeat;
	cursor:										pointer;
	margin-left:								20px;
	position:									relative;
	float:										right;
}

.tableListIcalIconHover {
	width:										25px;
	height:										25px;
	background-image:							url(../images/default/table_list_ical_hover.gif);
	background-repeat:							no-repeat;
	cursor:										pointer;
	margin-left:								20px;
	position:									relative;
	float:										right;
}

div.information {
	border-bottom:								1px solid #000000;
	margin:										0px;
	padding:									5px;
	background-color:							#fef4a0;
	background-image:							url(../images/default/information_bar.gif);
	background-repeat:							repeat-x;
	background-position:						left top;

}

div.information span.warning {
	font-weight:								bold;
	color:										#ff0000;
}

div.information table th {
	text-align:									left;
	padding:									2px 5px 2px 5px;
}

div.information table td {
	padding:									2px 5px 2px 5px;
}

div.information table td.numeric_data {
	text-align:									right;
}

div.information table td.text_disabled {
	color:										#999999;
	font-style:									italic;
}


div.information table .bottom_separator {
	border-bottom:								1px solid #e9d180;
}

div.information table .right_separator {
	border-right:								1px solid #e9d180;
}

div.information table .left_separator {
	border-left:								1px solid #e9d180;
}

/* website_management_polls_view_stats template */
.polls_view_stats_total {
	margin:										5px 0px 10px 0px;
}

.polls_view_stats_row {
	margin:										3px 0px 3px 0px;
}

.polls_view_stats_row .option_bar {
	width:										100%;
	height:										30px;
	background-color:							#cccccc;
	margin-top:									2px;
}

.polls_view_stats_row .option_bar .colored_votes_bar_total {
	height:										10px;
	background-color:							#000099;
	background-image:							url(../images/default/website_management_polls/votes_total_bar.gif);
}

.polls_view_stats_row .option_bar .colored_votes_bar_confirmed {
	height:										10px;
	background-color:							#33ff33;
	background-image:							url(../images/default/website_management_polls/votes_confirmed_bar.gif);
}

.polls_view_stats_row .option_bar .colored_votes_bar_unconfirmed {
	height:										10px;
	background-color:							#666666;
	background-image:							url(../images/default/website_management_polls/votes_unconfirmed_bar.gif);
}

img.lock_icon {
	position:									relative;
	top:										3px;
}

img.exclamation_icon {
	position:									relative;
	top:										3px;
}

div.privilege_contents {

}

div.privilege_title {
	padding:									3px;
	padding-bottom:								1px;
	padding-top:								1px;
	font-size:									12px;
	font-weight:								bold;
	background-color:							#c3c3c3;
	background-image:							url(../images/default/tablehandler_th_colA.gif);

}

div.privilege_description {
	padding:									3px;
	padding-top:								1px;
	padding-bottom:								1px;
	margin-left:								20px;
	background-color:							#ffffff;
	color:										#333333;
}

div.privilege_employee_list {
	padding:									3px;
	background-color:							#ffffff;
	margin-left:								20px;

}

.popup_header_left {
	background-image:							url(../images/default/tablehandler_th_colA.gif);
	text-align:									left;
	padding:									0px;
	padding-left:								10px;
	line-height:								19px;
	height:										20px;
	font-weight:								bold;
	position:									relative;
	float:										left;
	cursor:										move;
}

.popup_header_right {
	position:									relative;
	float:										left;
	width:										20px;
	text-align:									center;
	line-height:								20px;
	font-weight:								bold;
	font-size:									15px;
	color:										#fff;
	background-color:							#666;
	cursor:										pointer;
}

/****** Day/time selector ******/

table.day_time_selector {
	margin-left:								auto;
	margin-right:								auto;
}

table.day_time_selector td {
	margin:										0px;
	padding:									0px;
	border:										0px solid black;
}

table.day_time_selector td.separator {
	width:										1px;
}

table.day_time_selector td.label {
	font-size:									9px;
	font-family:								Tahoma;
	background-color:							#666666;
	height:										11px;
	line-height:								11px;
	width:										31px;
	text-align:									center;
	vertical-align:								middle;
	cursor:										default;
}

table.day_time_selector td.day_select {
	width:										15px;
	height:										17px;
	background-image:							url(../images/default/selector_big_available.gif);
	background-position:						center center;
	background-repeat:							no-repeat;
}

table.day_time_selector td.day_label_pointer {
	width:										15px;
	height:										6px;
	background-image:							url(../images/default/selector_label_pointer_big.gif);
	background-position:						center center;
	background-repeat:							no-repeat;
}

table.day_time_selector td.time_select {
	width:										7px;
	height:										17px;
	background-position:						center center;
	background-repeat:							no-repeat;
}

table.day_time_selector td.time_not_available {
	background-image:							url(../images/default/selector_small_not_available.gif);
}

table.day_time_selector td.time_available {
	background-image:							url(../images/default/selector_small_available.gif);
	cursor:										pointer;
}

table.day_time_selector td.time_available:hover {
	background-image:							url(../images/default/selector_small_available_hover.gif);
}

table.day_time_selector td.time_selected {
	background-image:							url(../images/default/selector_small_selected.gif);
	cursor:										pointer;
}

table.day_time_selector td.time_highlighted {
	background-image:							url(../images/default/selector_small_available_hover.gif);
	cursor:										pointer;
}

table.day_time_selector td.time_invalid {
	background-image:							url(../images/default/selector_small_invalid.gif);
	cursor:										pointer;
}

table.day_time_selector td.time_label_pointer {
	width:										7px;
	height:										6px;
	background-image:							url(../images/default/selector_label_pointer_big.gif);
	background-position:						center center;
	background-repeat:							no-repeat;
}

table.day_time_selector td.time_label_pointer_small {
	width:										7px;
	height:										6px;
	background-image:							url(../images/default/selector_label_pointer_small.gif);
	background-position:						top center;
	background-repeat:							no-repeat;
}

table.selector_container td.selector_cell {
	text-align:									center;
	background-color:							#ffffff;
}

table.generic_table th {
	text-align:									left;
	padding:									0px 10px 0px 10px;
	line-height:								19px;
	height:										20px;
	background-image:							url(../images/default/tablehandler_th_colA.gif);
	border-bottom:								1px solid #999999;
}

table.generic_table th.right_border {
	border-right:								1px solid #999999;
}

table.generic_table th.right_separator {
	border-right:								1px solid #bbbbbb;
}

table.generic_table th.subheader {
	background-image:							url(../images/default/generic_table_subheader.gif);
}

table.generic_table th.centered {
	text-align:									center;
}

table.generic_table th input {
	margin-top:									1px;
	margin-right:								2px;
}

table.generic_table input.button {
	width:										auto;
	margin-top:									1px;
	margin-bottom:								0px;
}

table.generic_table td {
	padding:									5px;
	background-color:							#ffffff;
	border-bottom:								1px solid #cccccc;
}

table.generic_table td.right_separator {
	border-right:								1px solid #bbbbbb;
}

table.generic_table td.centered {
	text-align:									center;
}

input.guest_quota_input {
	width:										50px;
	text-align:									center;
}

div.add_employee_window {
	background-color:							#ffffff;
	border:										1px solid #999999;
	padding:									10px;
	margin:										0px;
}

div.add_employee_window input {
	margin:										0px;
}

div.birthday_info_container {
	height:										50px;
	margin-top:									3px;
	margin-left:								10px;
}

div.birthday_info_container div.profile_image_container {
	float:										left;
	width:										50px;
	height:										50px;
}

div.birthday_info_container div.personal_info_container {
	padding-top:								5px;
	padding-left:								60px;
}

div.birthday_info_container div.personal_info_container div.employee_name {
	font-weight:								bold;
}

div.birthday_info_container div.personal_info_container div.employee_departments {
	font-style:									italic;
}

div.birthday_header {
	font-weight: 								bold;
	background-image:							url(../images/default/header_bar.gif);
	height:										20px;
	line-height:								20px;
	padding-left:								10px;
	margin-top:									6px;
}

div.todays_birthdays_bar {
	font-weight: 								bold;
	background-image:							url(../images/default/header_bar.gif);
	height:										20px;
	line-height:								20px;
	padding-left:								10px;
	margin-bottom:								10px;
	overflow:									hidden;
	white-space:								nowrap;
}

div.todays_birthdays_bar div.contents {
	background-image:							url(../images/default/funky_bar.png);
	background-repeat:							no-repeat;
	background-position:						top right;
}

div.todays_birthdays_bar div.birthday_overview {
	float:										right;
	padding-right:								15px;
}

.crowd_registration_list_approve, .crowd_registration_list_approve_disabled, .crowd_registration_list_disapprove, .crowd_registration_list_disapprove_disabled,
.crowd_registration_list_remove, .crowd_registration_list_edit, .crowd_registration_list_edit_disabled {
	background-repeat:							no-repeat;
	background-position:						center;
	width: 										20px;
	height:										20px;
	position:									relative;
	float:										left;
	cursor:										pointer;
}

.crowd_registration_list_approve { 				background-image:url(../images/default/checkbox_checked.gif); }
.crowd_registration_list_approve_disabled { 	background-image:url(../images/default/checkbox_checked_disabled.gif); }
.crowd_registration_list_disapprove { 			background-image:url(../images/default/checkbox_unchecked.gif); }
.crowd_registration_list_disapprove_disabled { 	background-image:url(../images/default/checkbox_unchecked_disabled.gif); }
.crowd_registration_list_remove { 				background-image:url(../images/default/trash.gif); }
.crowd_registration_list_edit { 				background-image:url(../images/default/edit.gif); }
.crowd_registration_list_edit_disabled { 		background-image:url(../images/default/edit_disabled.gif); }

.right_arrow_small {
	width:24px;
	height:12px;
	background-image:url(../images/default/right_arrow_small.png);
}

table#accreditation_table th, table#accreditation_table td {
	padding: 				0px;
}

table#accreditation_table thead th {
	text-align:				center;
	border-right:			1px solid #bbbbbb;
}

table#accreditation_table th:last-child, table#accreditation_table td:last-child {
	border-right:			0px;
}

table#accreditation_table thead th.column_header {
	width: 					49px;
	background-image:		none;
	border-right:			1px dotted #bbbbbb;
}

table#accreditation_table thead th.column_header div {
	font-size: 				8px;
	font-style:				italic;
	font-weight:			normal;
	width: 					49px;
}

table#accreditation_table tbody td {
	height:					20px;
	border-right:			1px dotted #bbbbbb;
}

table#accreditation_table tbody td:first-child {
	padding:				0px 15px 0px 5px;
}

table#accreditation_table tbody td div.inner_wrapper {
	position: 				relative;
	width:					100%;
	height:					100%;
}

table#accreditation_table tbody td div.inner_wrapper span {
	position: 				absolute;
	top: 					0px;
	width:					auto;
	height:					16px;
	height:					calc(100% - 4px);
	z-index: 				10;
	border: 				1px solid blue;
	border-radius: 			3px;
	margin: 				2px 0px;
}

table#accreditation_table tbody td div.inner_wrapper span.partial {
	background:				#c0ddfa;
	background:				-webkit-linear-gradient(#d8eafc, #c0ddfa);
	background:				-o-linear-gradient(#d8eafc, #c0ddfa);
	background:				-moz-linear-gradient(#d8eafc, #c0ddfa);
	background:				linear-gradient(#d8eafc, #c0ddfa);
	border: 				1px solid #c0ddfa;
}

table#accreditation_table tbody td div.inner_wrapper span.full {
	background:				#b5eec0;
	background:				-webkit-linear-gradient(#cef4c1, #b5eec0);
	background:				-o-linear-gradient(#cef4c1, #b5eec0);
	background:				-moz-linear-gradient(#cef4c1, #b5eec0);
	background:				linear-gradient(#cef4c1, #b5eec0);
	border: 				1px solid #b5eec0;
}

.accreditation_right_time_registration_form_dialog {
	background:#efefef;
}

.accordion_accreditation_right_time_registration_period { margin-left:-8px; margin-top:2px; width:100%; }
.accordion_accreditation_right_time_registration_period .ui-icon { display: none; }
.accordion_accreditation_right_time_registration_period .ui-accordion-content { background:#fafafa; }
.accordion_accreditation_right_time_registration_period .ui-accordion-header a { padding-left: 0; }
.accordion_accreditation_right_time_registration_period_is_selected .ui-accordion-header, .accordion_accreditation_right_time_registration_day_is_selected {
	background: rgb(206, 244, 193);
}
.accordion_accreditation_right_time_registration_period_is_selected .ui-state-hover, .accordion_accreditation_right_time_registration_period_is_selected .ui-state-active, .accordion_accreditation_right_time_registration_day_is_selected:hover {
	background: rgb(181, 238, 162);
}
.accordion_accreditation_right_time_registration_period_is_not_selected .ui-accordion-header, .accordion_accreditation_right_time_registration_day_is_not_selected {
	background: rgb(237, 237, 237);
}
.accordion_accreditation_right_time_registration_period_is_not_selected .ui-state-hover, .accordion_accreditation_right_time_registration_period_is_not_selected .ui-state-active, .accordion_accreditation_right_time_registration_day_is_not_selected:hover {
	background: rgb(225, 225, 225);
}
.accordion_accreditation_right_time_registration_period_is_partly_selected .ui-accordion-header, .accordion_accreditation_right_time_registration_day_is_partly_selected {
	background: rgb(216, 234, 252);
}
.accordion_accreditation_right_time_registration_period_is_partly_selected .ui-state-hover, .accordion_accreditation_right_time_registration_period_is_partly_selected .ui-state-active, .accordion_accreditation_right_time_registration_day_is_partly_selected:hover {
	background: rgb(192, 221, 250);
}

.icon_selected, .icon_selected_inactive, .icon_remove, .icon_remove_inactive, .icon_clock, .icon_modify, .icon_modify_inactive, .icon_trash_remove, .icon_trash_remove_inactive, .icon_lock, .icon_email, .icon_email_inactive, .icon_excel, .icon_excel_inactive, .icon_tick, .icon_cross, .icon_tag_blue, .icon_tag_red, .icon_information {
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
}
.icon_selected { background-image:url(../images/default/icons/accept.png); }
.icon_selected_inactive { background-image:url(../images/default/icons/accept_disabled.png); }
.icon_remove { background-image:url(../images/default/icons/delete.png); }
.icon_remove_inactive { background-image:url(../images/default/delete_disabled.png); }
.icon_clock { background-image:url(../images/default/icons/time.png); }
.icon_modify { background-image:url(../images/default/icons/pencil.png); }
.icon_modify_inactive { background-image:url(../images/default/icons/pencil_disabled.png); }
.icon_trash_remove { background-image:url(../images/default/icons/bin_closed.png); }
.icon_trash_remove_inactive{ background-image:url(../images/default/icons/bin_closed_disabled.png); }
.icon_lock{ background-image:url(../images/default/icons/lock.png); }
.icon_email { background-image:url(../images/default/icons/email.png); }
.icon_email_inactive { background-image:url(../images/default/icons/email_disabled.png); }
.icon_excel { background-image:url(../images/default/icons/excel.png); }
.icon_excel_inactive { background-image:url(../images/default/icons/excel_disabled.png); }
.icon_tick { background-image:url(../images/default/icons/tick.png); }
.icon_cross { background-image:url(../images/default/icons/cross.png); }
.icon_tag_blue { background-image:url(../images/default/icons/tag_blue.png); }
.icon_tag_red { background-image:url(../images/default/icons/tag_red.png); }
.icon_information { background-image:url(../images/default/icons/information.png); }

.icon_remove_small {
	width:10px;
	height:10px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/default/icon_remove_small.png); }

.accreditation_right_time_registration_time_interval_container {
	position:absolute;
	background:rgb(206, 244, 193);
	cursor:pointer;
	border:1px solid #999;
	border-radius:3px;
	font-size:10px;
	line-height:14px;
	padding-left:2px;
}

.accreditation_right_time_registration_time_interval_container:hover {
	background: rgb(181, 238, 162);
}

.event_crowd_registration_form_accreditation_right {
	position: relative;
	float: left;
	width: 195px;
	height: 30px;
	border: 1px solid #ccc;
	margin-right: 5px;
	overflow: hidden;
	cursor: pointer;
	background-color:#e8e8e8;
}

.icon_help {
	width: 20px;
	height: 20px;
	background-image: url(../images/default/help_icon.png);
}

.icon_add_persons {
	width: 20px;
	height: 20px;
	background-image: url(../images/default/icon_add_persons.png);
}

.icon_parking {
	width: 20px;
	height: 20px;
	background-image: url(../images/default/icon_parking.png);
}

.icon_page_white_text {
	width: 20px;
	height: 20px;
	background-image: url(../images/default/icons/page_white_text.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.icon_star {
	width: 20px;
	height: 20px;
	background-image: url(../images/default/icon_star.png);
}

.crowd_registration_form_remark_accordion {
	width: 100%;
}

.crowd_registration_form_remark_accordion .ui-accordion-content {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*Event Crowd Management Statistic Table*/
.blue{
  border:2px solid #1ABC9C;
}

.test{
	position:fixed;

}

.hover {
   background-color:							#ffffff;
	background-image:							url(../images/default/th_row_colA_hover.png);
	background-repeat:							repeat-x;
}

.accordion_no_padding .ui-accordion-content {
	padding: 0px;
}

/* Always put jQuery UI widgets to the front. */
.ui-front {
	z-index:				100000;
}

/* Put jQuery tooltip to the front. */
.ui-tooltip, .arrow:after {
	position: absolute;
	z-index:100001;
}

/* jQuery style override */

[class*='ui-corner'] {
	border-radius: 0px !important;
}

.ui-widget-header {
	background:none;
	background-color:#313951;
	color:#D2DBE8;
	font-weight:normal;
	letter-spacing:1px;
	border:none;
}

.ui-widget-header span {
	font-size:14px;
}

.ui-widget-content {
	border:none;
}

.ui-dialog {
	padding:0px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(59,59,59,0.3);
	-moz-box-shadow: 0px 0px 4px 1px rgba(59,59,59,0.3);
	box-shadow: 0px 0px 4px 1px rgba(59,59,59,0.3);
}

.ui-dialog .ui-dialog-titlebar-close {
	right:5px;
	background:none;
	background-color:transparent;
	border:1px solid transparent;
}

.ui-widget-header .ui-icon {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ui-accordion .ui-accordion-header {
	background:none;
	background-color:#eaeaea;
}

/* End jQuery style override */

.tooltip_autowidth {
	max-width: 500px;;
}

.icon_warning {
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../images/default/icons/error.png);
}

.icon_calendar {
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../images/default/icons/calendar.png);
}

.crowd_registration_days_form_period_header_loadin, .crowd_registration_days_form_period_header_show, .crowd_registration_days_form_period_header_loadout {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-collapse: collapse;
}

.crowd_registration_days_form_period_header_loadin {
	background-color: #e9e9e9;
}

.crowd_registration_days_form_period_header_show {
	background-color: #d9d9d9;
}

.crowd_registration_days_form_period_header_loadout {
	background-color: #e9e9e9;
}

/* Language selection menu. */

.language_selection_container {
	position:relative;
	float:right;
	padding:5px;
        margin-right: -80px;
}

.language_selection_item, .language_selection_item_selected {
	position:relative;
	padding:5px;
	padding-left:25px;
	border-radius:5px;
	cursor:pointer;
	clear:both;
	margin-top:1px;
	margin-bottom:1px;
	line-height:13px;
}

.language_selection_item_selected {
	font-weight:bold;
	background-color:#e9e9e9;
}

.language_selection_item:hover {
	background-color:#f1f1f1;
}

.language_icon {
	width:16px;
	height:11px;
}

#import_report {
	display:									none;
	position:									absolute;
	top:										-15px;
	left:										190px;
	width:										500px;
	background-color:							#ddd;
	border-style:								solid;
	border-width:								1px;
	border-color:								white #9b9b9b #9b9b9b white;
	padding:									3px;
}

/* 2015-05-12	Jelte	M#1881. Make scrollbar visible in Safari. Otherwise the scrollbar was not visible at the crowd registration form > accreditation right selection element. */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#copy_confirm_dialog div > ul > li {
	margin-bottom:								5px;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#marketing_management_overview_outer_wrapper {
	position: 									relative;
}

#marketing_management_overview_inner_wrapper {
	overflow-x:									scroll;
	overflow-y:									visible;
	width: 										100%;
}

#marketing_management_overview {
	width:										100%;
	border-collapse:							collapse;
}

#marketing_management_overview > thead > tr, #marketing_management_overview > tbody > tr {
	height:										20px;
}

#marketing_management_overview > thead > tr > th, #marketing_management_overview > tbody > tr > td {
	vertical-align: 							top;
	padding:									5px;
	white-space:								nowrap;
}

#marketing_management_overview > thead > tr > th  {
	background-color:							white;
} 

#marketing_management_overview.tablehandler_list th {
	border-bottom:								0;
} 

#marketing_management_overview > tbody > tr > td {
	cursor:										default;
	height:										inherit;
	box-sizing:									content-box;
} 

#marketing_management_overview > tbody > tr > td > span.conflict {
	border-bottom:								1px dotted black;
} 

#marketing_management_overview td[data-marketing_item_id] {
	cursor:										pointer;
}

#marketing_management_overview td.event_icon img {
	margin-top:									-5px;
}

#marketing_management_overview tr.collapsible td.toggle {
	cursor:										pointer;
}

#marketing_management_overview tr.collapsible td.toggle:after {
	content:									"";
	background-image:							url(../images/default/bullet_toggle_plus.png);
	background-size:							contain;
	display:									inline-block;
	width:										20px;
	height:										20px;
}

#marketing_management_overview tr.collapsible.open td.toggle:after {
	content:									url(../images/default/bullet_toggle_minus.png);
}

#marketing_management_overview tr.collapsible div.ticket_form_wrapper {
	position: 									absolute;
	left: 										0;
	overflow: 									hidden;
	height: 									inherit;
	padding-bottom:								6px;
	padding-left: 								5px;
	pointer-events: 							none;
}

#marketing_management_overview tr.collapsible div.ticket_form_wrapper > div {
	position: 									relative;
	box-sizing:									border-box;
	margin-top: 								30px;
	z-index: 									100;
	background-color: 							rgba(0, 0, 0, 0.1);
	border: 									3px double #ccc;
	border-radius:								5px;
	pointer-events: 							auto;
}

#marketing_management_overview table.data_container tr.data_row td {
	padding:									1px 10px 1px 10px;
}

.red{color: red;}

div[id^=ticketing_form] {
	display:									inline-block;
	padding: 									5px;
}

div[id^=ticketing_form] form.tickets table {
	border-spacing: 							0px; 
	border-collapse: 							collapse;
}

div[id^=ticketing_form] form.tickets table td {
	padding: 									1px; 
}

div[id^=ticketing_form] form input[type=text] {
	height:										18px;
	border:										1px inset #aaa;
	border-radius:								5px;
	padding:									1px;
}

div[id^=ticketing_form] form.tickets input[type=text][name*=available], div[id^=ticketing_form] form.tickets input[type=text][name*=price] {
	width:										50px;
	text-align:									right;
	margin-left:								25px;
	margin-right:								25px;
}

div[id^=ticketing_form] form.tickets input.disable_ticket[type=button] {
	height:										22px;
	width:										22px;
	padding:									0px;
	border:										1px solid #aaa;
	border-radius:								5px;
	background-color:							#eee;
	background-image:							url(../images/default/icons/bin_closed.png);
	background-position:						0px 2px;
	background-repeat:							no-repeat;
}

div[id^=ticketing_form] form input.add_row[type=submit] {
	height:										22px;
	width:										22px;
	padding:									0px;
	border:										1px solid #aaa;
	border-radius:								5px;
	background-color:							#eee;
}


div[id^=ticketing_form] form.tickets .chosen-container-single .chosen-single {
	min-width:									120px;
	height:										20px;
	line-height:								20px;
}

div[id^=ticketing_form] form.tickets .chosen-container-single .chosen-single abbr.search-choice-close {
	top:										5px;
}

.pdf_icon {
	width:18px;
	height:18px;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../images/default/pdf-icon.gif);
}

.zip_icon {
	width:18px;
	height:18px;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../images/default/icons/page_white_zip.png);
}

/* Event order processing and reporting */
.event_order_processing .pagination {
	padding: 10px 20px;
}
.event_order_processing .pagination a {
	padding: 4px 8px;
	text-decoration: none;
	border: 1px solid #999999;
	border-left: none;
	cursor: pointer;
}
.event_order_processing .pagination a:first-child {
	border-left: 1px solid #999999;
}
.event_order_processing .pagination a:hover {
	background-color: white;
}
.event_order_processing .pagination a.active {
	text-decoration: underline;
	cursor: not-allowed;
}
.event_order_processing .pagination a.inactive {
	color: #646464;
	cursor: not-allowed;
}

.event_order_processing table {
	background-color: white;
	color: #666;
	border-collapse: collapse;
	font-family: "Open Sans",sans-serif;
	font-size: 11px;
}

.event_order_processing thead,
.event_order_processing tfoot {
	font-weight: bold;
}

.event_order_processing th,
.event_order_processing td {
	height: 32px;
	width: 30px;
	padding: 0px 10px 8px 10px;
	border-right: 1px solid #ddd;
	position: relative;
}

.event_order_processing td.digit {
	text-align: center;
	color: black;
}

.event_order_processing td.digit.voucher_locked div, #dialog_footer div#voucher_locked_example {
	background-color:							#dd8;
	background-image: 							linear-gradient(to left bottom, #ff8 0%, #ff8 25%, #dd8 25%, #dd8 50%, #ff8 50%, #ff8 75%, #dd8 75%);
	background-image: 							-webkit-linear-gradient(left bottom, #ff8 0%, #ff8 25%, #dd8 25%, #dd8 50%, #ff8 50%, #ff8 75%, #dd8 75%);
	background-image: 							-moz-linear-gradient(left bottom, #ff8 0%, #ff8 25%, #dd8 25%, #dd8 50%, #ff8 50%, #ff8 75%, #dd8 75%);
	background-size: 							10px 10px;
	color: black;
}

.event_order_processing input.digit-input, #dialog_footer input.digit-input, #dialog_footer div.digit-input {
	width: 35px;
	height: 16px;
	text-align: center;
}

.event_order_processing input.digit-input:invalid {
	box-shadow: 0px 0px 0px;
}

.event_order_processing td.digit.auto input.digit-input:not(.pending) , #dialog_footer input#auto_example {
	font-style: italic;
}

.event_order_processing td.digit.auto input[placeholder]:focus::-webkit-input-placeholder {
   color: transparent;
}

.event_order_processing td.digit.auto input[placeholder]:focus:-moz-placeholder {
   color: transparent;
}

.event_order_processing td.digit.auto input[placeholder]:focus::-moz-placeholder {
   color: transparent;
}

.event_order_processing td.digit.auto input[placeholder]:focus:-ms-input-placeholder {
   color: transparent;
}

.event_order_processing td.digit:not(.auto) input.digit-input:valid, .event_order_processing td.digit.auto input.digit-input.pending:valid, #dialog_footer input#manual_example {
	background-color: #66c6ee;
	border-width: 1px;
}

.event_order_processing td.saved input.digit-input {
	box-shadow: 0px 0px 5px 2px green;
}

.event_order_processing td:not(.saved) input.digit-input {
	transition: box-shadow 1s;	
}

.event_order_processing td.saved:after {
	display: block;
	position: absolute;
	content: "Saved!";
	bottom: 3.5em;
	border-radius: 2em;
	padding: 0.3em 1em;
	background-color: rgba(0,0,0,1);
	color: white;
	z-index: 1;
}

.event_order_processing td.saved:before {
	display: block;
	position: absolute;
	content: "";
	border: solid;
	border-color: transparent;
	border-width: .4em .4em 0 .4em;
	border-top-color: rgba(0,0,0,1);
	left: 2.1em;
	top: -7px;
}

.event_order_processing thead tr.vertical th {
	height: 120px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

.event_order_processing thead tr.vertical th div {
	width: 120px;
	text-align: left;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	/*-webkit-transform-origin: 72px -12px;
	-moz-transform-origin: 72px -12px;
	-ms-transform-origin: 72px -12px;
	-o-transform-origin: 72px -12px;
	transform-origin: 72px -12px;*/
}

.event_order_processing tbody tr:last-child td, 
.event_order_processing .split-table-left tbody tr:nth-last-child(2) td[rowspan="2"] {
	border-bottom: 1px solid #999;
}

.event_order_processing.split-table {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
/*	overflow: auto;*/
	/*width: 100%;*/
	/*height: 100%;*/
	
}

.event_order_processing.split-table thead th {
	border-bottom: 1px solid #999;
}

.event_order_processing.split-table .split-table-left {
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #999;
}
.event_order_processing.split-table .split-table-left td:last-child, .event_order_processing.split-table .split-table-left th:last-child {
	border-right: 1px solid #999;
}

.event_order_processing.split-table .split-table-mid {
	display: inline-block;
	margin-left: 520px;
	margin-right: 70px;
	overflow-x: scroll;
	overflow-y: hidden;
}

.event_order_processing.split-table tr.first td, .event_order_processing.split-table tr.type_separator td {
	border-top: 1px solid #ddd;
}

.event_order_processing.split-table .split-table-mid td.last {
	border-bottom: 1px solid #ddd;
}

.event_order_processing.split-table .split-table-right {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #999;
}

.event_order_processing.split-table .split-table-left table,
.event_order_processing.split-table .split-table-right table {
	width: 100%;
}

.event_order_processing.split-table .relation_name {
	width: 204px;
	font-size: inherit;
	overflow: hidden;
	white-space: nowrap;
}

.event_order_processing.split-table .dialog-column-name {
	width: 134px;
	font-size: inherit;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.event_order_processing.split-table td:hover .dialog-column-name {
	overflow: visible;
}

.event_order_processing.split-table tr.sub-row .dialog-column-name {
	padding-left: 2em;
}

.event_order_processing.split-table td:hover .dialog-column-name span {
	background-color: white;
}

.event_order_processing .event-orders-processing-open-dialog,
.event_order_processing .goto-period,
.event_order_processing .dialog-expand-event-order {
	cursor: pointer;
}

.event_order_processing .day-type-in + .day-type-show {
	border-left: 2px solid #66c6ee;
}

.event_order_processing .day-type-show + .day-type-out {
	border-left: 2px solid #66c6ee;
}

.event_order_processing td.indent {
	border: none;
}

.event_order_processing td.type_caption {
	padding-left: 1.5em;
	font-style: italic;
}

.event_order_processing_dialog {
	position: fixed;
}

/*
 * Event order processing filters
 */
.event_order_filters {
	display: table;
	width: 99%;
}
.event_order_filters .filter {
	display: table-cell;
	width: 25%;
}

.event_order_filters label {
	font-weight: normal;
	vertical-align: top;
}

.event_order_filters label input{
	margin-right:5px;
}

/*
* Sections changed to bootstrap panels
*/

.panel-primary {
	border: 1px solid #435070;
}

.panel-primary > .panel-heading {
	background-color:#435070;
	border:none;
	letter-spacing:1px;
	padding:6px;
}

.panel-primary > .panel-heading div {
	font-size:12px;
}

.panel-nextselect{
    margin: 5px 5px 5px 5px;
    min-width:275px;
}

.panel-default.panel-nextselect.panel-heading{
   background-color:  #484848;
   color: #fff;
}

.panel-body {
   /*overflow:auto;*/
}

.group-heading{
    height: 50px;
    background-color: #484848;
    color: #fff;
    border-radius: 55px 55px 55px 55px;
    overflow: hidden;
}

.group-heading div.middle{
    padding-top:10px;
}

.group-heading span{
    text-align: center;
    margin-left: 30px;
    font-size: 20px;
}
.grid-stack-item[data-gs-width="0"]  { width: 100% }
.grid-stack-item[data-gs-heigth="0"]  { width: 100% }

/* profile image */
.profile_image_container{
    padding-right: 50px;
    padding-top:10px;
    height: 64px;
	float:left;
	padding-left: 15px;
}

.profile_image_container .rounded{
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: -1px;
    overflow: hidden;
    position: relative;
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    color: #333333;    
    text-align:center;
}

.profile_image_container .profile_no_image{
    font-size:20px;
    font-weight:normal;
    letter-spacing:1px;
    padding: 8px;
    position: relative;
    line-height: 50px;
}

.badgemarketing {
  height: 19px;
  width: 19px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #F8E206;
  float:right;
  margin-top: -3px;
  cursor: pointer;
}

.profile_image_container .badge-notifications{
    /*background-color: #ff0000;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    max-width: 23px;
    padding: 5px ;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    top: -20px;
    left: 60px;
    width: 23px;*/
    background-color: #288cfb;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: lighter;
    left: 10px;
    line-height: 1;
    max-width: 28px;
    padding: 6px;
    position: relative;
    text-align: center;
    top: -19px;
    vertical-align: baseline;
    white-space: nowrap;
    width: 25px;
    z-index: 100000;
}

.profile_name{
    margin-top:20px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;	
}
.profile_name span{
    font-size:15px;
    position: relative;
    top: 1px;
    left: 20px;
    
}

#profile {
	position: relative;
}

#profile_menu {
	display: none;
	position: absolute;
	width: 200px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-top: 16px solid transparent;
}

#profile_menu:after {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: calc(50% - 16px);
	border-bottom: 16px	solid #212738;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
}

#profile:hover #profile_menu, #profile_menu:hover {
	display: inline-block;
}

#profile_menu .profile_menu_title {
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #2e3957;
	background-color: #212738;
}

#profile_menu .profile_menu_item {
	color: white;
	font-size: 12px;
	/*text-align: right;*/
	padding: 5px 5px 0px 15px;
	background-color: #212738;
}

#profile_menu .profile_menu_item:last-of-type {
	padding-bottom: 5px;
}

#profile_menu .profile_menu_item a {
	color: #44526C;
}

#profile_menu .profile_menu_item a:hover {
	color: #aab5c8;
	text-decoration: none;
}

.tooltip {
    position: fixed;
}

 div.navpop .popover {
    background-color: #1b1b1b;
    color: #fff;
    width: 230px;
    z-index:9999;
    border-radius: 0;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
    /*top: 0px !important;*/
}

 div.navpop .popover-title {
     font-family: "Open Sans",sans-serif;
    background-color: #212738;
    color: #fff;
    font-size:16px;
}

 div.navpop .popover-content {
    padding: 0;
}

 div.navpop .popover .arrow, div.navpop .popover .arrow:after{
    border-right-color: #212738;
    background-color: transparent;
    color: #212738;
    /*top: 30px !important;*/
}

 div.pop .popover {
    background-color: #212738;
    color: #fff;
    width: 220px;
    z-index:9999;
    border-radius: 0;
     box-shadow: none;
    border-left: none;
    border-right: none;
}

 div.pop .popover-title {
    background-color: #212738;
    color: #fff;
}

 div.pop .popover .arrow, 
 div.pop .popover .arrow:after,
 div.pop .popover .arrow:before{
    border-bottom-color:  #212738;
    background-color: transparent;
    color: #1b1b1b;
}

div.navpop .popover-title {
    color: #C0C8D6;
    font-size: 17px;
    border-bottom:1px solid #2E3957;
    letter-spacing:1px;
    margin-bottom:10px;
}

div.navpop .popover-content a {
	color:#E3E9F0;
}

/* 
 * Event order processing categories selector
 */
.selected_categories {
	width: 99%;
	min-width:150px;
	height: auto;
}

.selected_categories label {
	font-weight: normal;
}

.selected_categories label input {
	margin-right: 5px;
}

.category_selector_row {
	display: table-row;
}

.category_selector_column {
	display: table-cell;
}

.category_selector_item {
	width: 200px;
	display: inline;
	margin-right:20px;
}

.hoverclass.companies{
    width:135px; 
    height:160px; 
    display:inline-block ;
    padding:10px; 
    -moz-border-radius: 15px;  
    border-radius: 15px;
}

/* OVERRULE BOOTSTRAP */

input, button, select, textarea {
    line-height: initial;
}

/* Bootstrap buttons */
/*.btn-qibis{
    background-color: #288cfb;
    border-color: #288cfb;
    color: #fff;
    margin-top: 5px;
    transition: all 0.25s ease-in-out 0s;
    padding: 0 7px;
}

.btn-qibis:hover{
    background-color: #3d7dde;
    border-color: #3d7dde;
    color: #fff;
    margin-top: 5px;
    transition: all 0.25s ease-in-out 0s;
}*/

.pagination {
	margin:0px;
}

/* Table column colors. */
.table td.colA_green, .table td.colB_green {
	background-color:#E0FFDF;
}

.table tr:hover td.colA_green, .table tr:hover td.colB_green {
	background-color:#D3FFD2;
}

.table td.colA_yellow, .table td.colB_yellow {
	background-color:#FFFEDF;
}

.table tr:hover td.colA_yellow, .table tr:hover td.colB_yellow {
	background-color:#FFFED1;
}

.table td.colA_red, .table td.colB_red {
	background-color:#FFE8E8;
}

.table tr:hover td.colA_red, .table tr:hover td.colB_red {
	background-color:#FFDFDF;
}

.table td.colA_gray, .table td.colB_gray {
	background-color:#EFEFEF;
}

.table tr:hover td.colA_gray, .table tr:hover td.colB_gray {
	background-color:#E8E8E8;
}

.table > tbody > tr > td {
     vertical-align: middle;
     background-clip: padding-box;
}

.rotate {
  	height: 98px;
  	white-space: nowrap;
  	background-color:#fff;
  	border:1px solid #ddd;
  	border-bottom:none;
  	overflow:hidden;
}

.rotate > div {
	-webkit-transform: translate(0px, 70px) rotate(-90deg);
    transform: translate(0px, 70px) rotate(-90deg);
  	width: 29px;
}

div.credentials_inventory {
	display:					inline-block;
	vertical-align:				bottom;
	margin-right:				5px;
}

div.credentials_inventory div.credential_sets {
	padding:					5px;
	width:						300px;
	border:						1px solid #ddd;
/*	border-radius:				5px;*/
	
}

div.credentials_inventory div.credential_set_name {
	border-top:					1px solid #ddd;
	letter-spacing:				1px;
	font-size:					11px;
	text-align:					center;
	color:						#aaa;
	padding-top:				5px;
	letter-spacing:				2px;
}

div.credentials_inventory div.credential_sets > div:not(:first-child) {
	border-left:				5px solid transparent;
	border-right:				5px solid transparent;
/*	border-radius:				5px;*/
}

div.credentials_inventory div.credential_sets > div.low:not(:first-child) {
	border-color:				#FFE655;
}

div.credentials_inventory div.credential_sets > div.very_low:not(:first-child) {
	border-color:				#FFA655;
}

div.credentials_inventory div.credential_sets > div.critical:not(:first-child) {
	border-color:				#FF5555;
}

div.credentials_inventory div.credential_set_inventory span {
	display:					inline-block;
	width:						calc(25% - 5px);
	text-align:					center;
	padding:					5px 0px 5px 0px;
	font-size:					12px;
}

#crowd_registration_form_loading {
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(150, 150, 150, 0.4);
	width:100%;
	height:100%;
	background-position:center center;
	background-image:url(../images/default/hour_glass.png);
	background-repeat:no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#crowd_list_table {
	margin-bottom:0px;
}

#crowd_list_table thead > tr > td,
#crowd_list_table thead > tr > th,
#crowd_list_table tbody > tr > td,
#crowd_list_table tbody > tr > td {
	border-width:1px;
	border-bottom-width:1px;
	border-color: #eee;
}

#crowd_list_table th {
	color:#aaa;
	font-weight:normal;
	font-size:12px;
	letter-spacing: 1px;
}

.crowd_list_general_stats_table {
	margin-bottom:0px;
	width:auto;
	border:none;
	border-right:1px solid #ddd;
	float:left;
}

.crowd_list_general_stats_table td {
	width:30px;
	text-align:center;
	font-size:12px;
}

.crowd_list_general_stats_table td:first-child {
	width:170px;
	text-align:left;
	color:#aaa;
	letter-spacing:1px;
	font-size:12px;
}

.crowd_list_general_stats_table tr:nth-child(4) > td,
.crowd_list_general_stats_table tr:nth-child(6) > td {
	border-bottom:1px solid #bbb;
}

.crowd_list_general_stats_table > tbody > tr > th:first-child {
	vertical-align: bottom;
	color:#aaa;
	letter-spacing:1px;
	font-size:12px;
}

.crowd_list_general_stats_table > thead > tr > th, .crowd_list_general_stats_table > tbody > tr > th {
	height: 140px;
	white-space: nowrap;
	border:none;
}

.crowd_list_general_stats_table th > div {
    -webkit-transform: translate(-26px, 10px) rotate(-90deg);
          transform: translate(-26px, 10px) rotate(-90deg);

  width: 36px;
}
.crowd_list_general_stats_table th > div > span {
	border-bottom: 1px solid ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-bottom:18px;
	padding-top:18px;
	padding-left:10px;
	width:142px;
	float:right;
	color:#aaa;
	letter-spacing:1px;
	font-size:12px;
	font-weight:normal;
	white-spacing:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.panel-next-select{
    border-radius: 0px;
    border:none;
}

.panel-next-select .panel-heading{
    background-color: #fff;
    color: #333;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 1px solid;
    border-color: #ccc;
    font-size:13px;
    padding-top:10px;
}

.panel-next-select .tablehandler_table{
    width:auto;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.row.row-nextselect{
    margin-left:	0px;
    margin-right: 	0px;
}

/* #Employee on event page */
.img-circle-nextselect{
    width : 70px;
    height : 70px;
    margin:auto;
    margin-top: 20px;
    background-size: cover;
    text-align:center;
}


.employees a{
    text-decoration: none;
}

.employees .popover-content span{
    font-size:14px;
}

.employee_image_container .role{
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-top:10px;
}

.employee_image_container .name{
    font-size: 12px;
    font-weight: bold
}

.no-img-circle-nextselect{
    margin:auto;
    margin-top: 20px;
    width : 70px;
    height : 70px;
    background-color: #288cfb;
    text-align:center;
    
}

.no-img-circle-nextselect span {
  color: #fff;
  font-size: 32px;
  letter-spacing:1px;
  position: relative;
  line-height:70px;
}

.row-centered {
    text-align:center;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    /*text-align:left;*/
    /* inline-block space fix */
    margin-right:-4px;
}

.popover{
    font-family: "Open Sans",sans-serif;
}

.popover a{
    color:#fff;
}

.popover {
    box-sizing: content-box;
}

.popover.bottom {
    border-top: 10px solid transparent;
    margin-top:0;
}

.popover.right {
    border-left: 10px solid transparent;
    margin-left:0;
}
#page_navigation .nav_element .popover{
    background-color: #212738;
}

#page_navigation .nav_element .popover span{
    position: relative;
}

/* BEGIN Bootstrap/Bootbox modal style */

.modal {
	text-align: center;
}

@media screen and (min-width: 768px) { 
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content {
	border-radius:0px;
}

/* END Bootstrap/Bootbox modal style */

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color:#4484EE;
	border-color:#4484EE;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color:#288CFB;
}

.pagination.nextselect > li:first-child > a, .pagination.nextselect > li:first-child > span,
.pagination.nextselect > li:last-child > a, .pagination.nextselect > li:last-child > span {
	border-radius: 0px;
}


/* BEGIN Override Bootstrap nav-pills style */
.nav-pills > li > a {
	border-radius:0px;
	color:#aaa;
	font-size:12px;
	letter-spacing:1px;
	border-right:5px solid transparent;
}
/* END Override Bootstrap nav-pills style */

.nav-event-view {
	width:210px;
	text-align:right;
	background-color:#fff;
}

.nav-event-view > li.active > a,
.nav-event-view > li.active > a:hover {
	background-color:transparent;
	font-weight:bold;
	color:#666;
	border-right:5px solid #288CFB;
}

.nav-event-view > li > a {
	transition:all 0.25s ease-in-out 0s;
}

.nav-event-view > li > a:hover {
	background-color:transparent;
	color:#666;
	border-right:5px solid #eee;
}

.information_icon {
	color:#ccc;
}

.information_icon:hover {
	color:#aaa;
}

#page_contents .chosen-container-multi .chosen-choices li.search-field input[type="text"]{
    height: 25px;
}

.profiel_name span.actingas{
   color: red;
}


#crowd_registration_form_element .chosen-container-multi .chosen-choices li.search-field input[type='text'] {
	height:inherit;
	font-size:12px;
	color:#aaa;
	line-height:16px;
}

.menu_nav_tt {
    border-left: 5px solid transparent;
    background-color: transparent;
    padding-left: 10px;
}

.menu_nav_tt:hover {
    background-color: #27314e;
    border-left: 5px solid #4484ee;
}

.menu_nav_tt.title.level_nav_0 {
	font-size:15px;
    color:#97A3B9;
    padding-bottom:3px;
    letter-spacing:1px;
}

.menu_nav_tt.title.level_nav_0:hover {
	background-color: transparent;
    border-left: 5px solid transparent;
}

.menu_nav_tt.level_nav_0, .counter.level_nav_0 {
    font-size: 13px;
}

.menu_nav_tt.level_nav_1, .menu_nav_tt span.counter.level_nav_1 {
    font-size: 13px;
    padding-left: 20px;
    letter-spacing:1px;
}

.menu_nav_tt.level_nav_0 {
	padding-top:1px;
	padding-bottom:1px;
	letter-spacing:1px;
}

.menu_nav_tt a, .section a:hover {
    text-decoration: none;
}

/* Menu */
.navbar-menu {
    background-color:#2C3349;
    min-height:35px;
    border:none;
    border-radius:0px;
    -webkit-box-shadow:0px 2px 4px 0px rgba(21,28,38,0.59);
	-moz-box-shadow:0px 2px 4px 0px rgba(21,28,38,0.59);
	box-shadow:0px 2px 4px 0px rgba(21,28,38,0.59);
}

.navbar-menu .navbar-nav > li {
    border-right:1px solid #394362;
    line-height:35px;
    border-top:5px solid transparent;
}

.navbar-menu .navbar-nav > li.active_item, .navbar-menu .navbar-nav > li.active_item:hover  {
    border-top-color:#4484EE;
    background-color:#313951;
}

.navbar-menu .navbar-nav > li.active_item > a, .navbar-menu .navbar-nav > li.active_item:hover > a {
    color:#3C91EE;
}

.navbar-menu .navbar-nav > li:hover {
    border-top-color:#AAB5C8;
}

.navbar-menu .navbar-nav > li:hover > a {
    color:#F1F4F8;
}

.navbar-menu .navbar-nav > li > a {
    color:#BFCBDD;
    font-size:13px;
    letter-spacing:1px;
    padding-top:0px;
    padding-bottom:0px;
    line-height:33px;
    cursor:pointer;
}

.navbar-menu .navbar-nav > li > a.icon_item_container {
	padding-left:40px;
}

.dropdown-menu > li > a.icon_item_container {
	padding-left:15px;
}

.navbar-menu .navbar-nav > li:hover > a > .menu_item_amount_label {
    background-color:#fff;
    color:#2C3349;
}

.navbar-menu .navbar-nav > li > a > i {
	position:absolute;
	left:10px;
	top:7px;
	font-size:18px;
	width:22px;
	text-align:center;
}

.navbar-menu .navbar-nav .open > a,
.navbar-menu .navbar-nav .open > a:focus,
.navbar-menu .navbar-nav .open > a:hover {
    background-color:#3D4663;
    color:#F1F4F8;
}

.dropdown-menu {
	border:none;
}

.dropdown-menu .open > a,
.dropdown-menu .open > a:focus,
.dropdown-menu .open > a:hover {
	border-left:5px solid #AAB5C8;
}

.dropdown-menu > li > a {
    padding:5px 14px 5px 14px;
    line-height:20px;
    color:#AAB5C8;
    cursor:pointer;
    background-color:#212738;
    border-left:5px solid transparent;
}

.dropdown-menu > li:hover > a {
    border-left:5px solid #AAB5C8;
    color:#F1F4F8;
    background-color:#3D4663;
}

.dropdown-menu > li:hover > a > .menu_item_amount_label {
    background-color:#F1F4F8;
    color:#2C3349;
}

.navbar-menu .navbar-nav .dropdown-menu > li.active_item > a, .navbar-menu .navbar-nav .dropdown-menu > li.active_item:hover > a {
    color:#3C91EE;
    border-left:5px solid #4484EE;
}

.dropdown-menu {
    font-size:12px;
    letter-spacing:1px;
    border-radius:0px;
    background-color:#212738;
    margin-left:-5px;
}


.menu_item_amount_label {
    display:inline-block;
    background-color:#4F5980;
    color:#F1F4F8;
    height:16px;
    line-height:17px;
    padding:0px 5px 0px 5px;
    margin-left:8px;
    margin-top:2px;
}

.crowd_registration_form_accreditations_toggle_view {
    margin-top:2px;
    float:right;
    margin-right:10px;
}

.crowd_registration_form_accreditations_toggle_view > a {
    padding:0px 10px 0px 10px;
    line-height:22px;
}

.crowd_registration_form_accreditations_toggle_view a:active {
    background-color:#ddd;
}

.crowd_registration_form_accreditations_toggle_view a:hover {
    color:#000;
}

.navigation_bar_item, .navigation_bar_item_active {
	position:relative;
	float:left;
	font-size:20px;
	color:#4D5F7D;
	letter-spacing:1px;
	height:64px;
	line-height:64px;
	margin-left:10px;
	cursor:pointer;
}

.navigation_bar_item_active, .navigation_bar_item:hover {
	color:#287BDD;
}

.navigation_bar_separator {
	position:relative;
	float:left;
	margin-left:10px;
	height:64px;
	line-height:64px;
  	font-size:26px;
	color:#4D5F7D;
}

.navigation_bar > .contents {
	padding-left:70px;
}

.no_vertical_scrolling {
	height:100%;
	overflow:hidden;
}

/* DataTables */
table.dataTable.tablehandler_list tbody td, table.dataTable.tablehandler_list thead th {
	padding:0px;
}

table.dataTable.tablehandler_list thead th {
    padding-left:3px;
}

.datatables_wrapper {
    position:relative;
}

.datatables_search_left_top {
    position:absolute;
    right:70px;
    top:-40px;
    text-align:left;
    padding-left:10px;
}

.datatables_pagination_right_bottom {
    float:right;
    margin-top:3px;
    margin-bottom:1px;
}

input[type=search] {
    border:1px solid #aaa;
}

table.dataTable.tablehandler_list thead .sorting_asc {
    background-image:url(../lib/jquery_plugins/datatables/media/images/sort_asc_white.png);
}

table.dataTable.tablehandler_list thead .sorting_desc {
    background-image:url(../lib/jquery_plugins/datatables/media/images/sort_desc_white.png);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	display:inline;
	padding:0px;
	margin:0px;
}


.modal-dialog.nextselect .modal-content .modal-header {
	background-color:	#313951;
	color: #fff;
}

.modal-dialog.nextselect .modal-content .modal-header .close,
.modal-dialog.nextselect .modal-content .modal-header .close span{
	color: #fff;
	font-size: 20px;
}

.modal-dialog.nextselect .modal-content input.has-error {
	border: 1px solid #a94442;
	padding: 2px;
}



/*.modal-dialog.nextselect .modal-content .modal-body .btn.btn-danger {*/
	/*color: #fff;*/
	/*background-color: #d9534f;*/
	/*border-color: #d43f3a;*/
/*}*/

/*.btn-danger:hover {*/
	/*color: #fff;*/
	/*background-color: #c9302c;*/
	/*border-color: #ac2925;*/
/*}*/

table.orders_overview {
	color:						#333;
}

table.orders_overview.legend {
	float:						right;
	width:						200px;
	border-bottom:				1px solid #666;
	font-weight:				bold;
}

table.orders_overview tbody tr {
	cursor:						pointer;
}

table.orders_overview tbody tr:hover td {
	background-color:			#f4f4f4;
}

table.orders_overview tbody tr.waiting td {
	background-color:			#fffedf;
}

table.orders_overview tbody tr.waiting:hover td {
	background-color:			#fffed1;
}

table.orders_overview tbody tr.deadline_expired td {
	background-color:			#ffe8e8;
}

table.orders_overview tbody tr.deadline_expired:hover td {
	background-color:			#ffdfdf;
}

table.orders_overview tbody tr.approved td {
	background-color:			#e0ffdf;
}

table.orders_overview tbody tr.approved:hover td {
	background-color:			#d3ffd2;
}

table.orders_overview tbody tr td.icons {
	padding:					0; 
	color:						#666; 
	width:						170px;
}

table.orders_overview tbody tr td.icons span.fa {
	padding:					10px;
	text-align:					center;
}

table.orders_overview tbody tr td.icons span.fa.disabled {
	opacity:					0.25;
	cursor:						default;
}

table.orders_overview tbody tr td.icons span.fa:hover {
	color:						#333;
	background-color:			#ccc;
	/*text-shadow:				0px 0px 5px;*/
}

table.orders_overview tbody tr.waiting td.icons span.fa:hover {
	background-color:			#fffea8;
}

table.orders_overview tbody tr.deadline_expired td.icons span.fa:hover {
	background-color:			#ffc9c9;
}

table.orders_overview tbody tr.approved td.icons span.fa:hover {
	background-color:			#b9ffb6;
}

.report_problem_icon {
	background-image: url(../images/default/contact_support.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-size: 50%;
	background-position: center;
	position: relative;
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
}

.report_problem_icon:hover {
	background-image: url(../images/default/contact_support_mouseover.png);
}

.development_version_icon {
	width:50px;
	height:50px;
	background-image:url(../images/default/development_version.png);
	background-repeat: no-repeat;
}