body, table td, select, button, input {
	font-size: small;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

*,*:focus,*:hover{
    outline: 0px transparent !important;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.ctix-PopupPanelGlass {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.gwt-DecoratorPanel {
	
}

.gwt-DecoratorPanel .topCenter {
	border-top: 1px solid #bbb;
	line-height: 0px;
}

.gwt-DecoratorPanel .bottomCenter {
	border-bottom: 1px solid #bbb;
	line-height: 0px;
}

.gwt-DecoratorPanel .topCenterInner, .gwt-DecoratorPanel .bottomCenterInner
	{
	height: 1px;
	line-height: 0px;
	font-size: 1px;
}

.gwt-DecoratorPanel .middleLeft {
	border-left: 1px solid #bbb;
}

.gwt-DecoratorPanel .middleRight {
	border-right: 1px solid #bbb;
}

.gwt-DecoratorPanel .middleLeftInner, .gwt-DecoratorPanel .middleRightInner
	{
	width: 1px;
	line-height: 1px;
}

.gwt-DecoratorPanel .topLeftInner, .gwt-DecoratorPanel .topRightInner,
	.gwt-DecoratorPanel .bottomLeftInner, .gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	zoom: 1;
	font-size: 1px;
	overflow: hidden;
}

.gwt-DecoratorPanel .topLeft {
	line-height: 0px;
	background: url(images/circles.png) no-repeat 0px -6px;
	-background: url(images/circles_ie6.png) no-repeat 0px -6px;
}

.gwt-DecoratorPanel .topRight {
	line-height: 0px;
	background: url(images/circles.png) no-repeat -5px -6px;
	-background: url(images/circles_ie6.png) no-repeat -5px -6px;
}

.gwt-DecoratorPanel .bottomLeft {
	line-height: 0px;
	background: url(images/circles.png) no-repeat 0px -11px;
	-background: url(images/circles_ie6.png) no-repeat 0px -11px;
}

.gwt-DecoratorPanel .bottomRight {
	line-height: 0px;
	background: url(images/circles.png) no-repeat -5px -11px;
	-background: url(images/circles_ie6.png) no-repeat -5px -11px;
}

html>body .gwt-DecoratorPanel {
	
}

* html .gwt-DecoratorPanel .topLeftInner, * html .gwt-DecoratorPanel .topRightInner,
	* html .gwt-DecoratorPanel .bottomLeftInner, * html .gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	overflow: hidden;
}

.ctixUnselectable {
	cursor: default;
	
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.blueBig {
	width: 165px;
	height: 39px;
	background-color: #00ADEE;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	border-radius: 50px;
	-moz-border-radius: 50px;
	margin: 0px;
	border: 0px none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.blueBig:active {
	border: 2px inset #ccc;
}

.blueBig:hover {
	/*  border: 1px inset #ccc; */
	
}

.blueBig[disabled] {
	cursor: default;
	color: #808080;
}

.blueBig[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.blueLittle {
	padding: 0px 20px 0px 20px;
	height: 24px;
	background-color: #00ADEE;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	border-radius: 12px;
	-moz-border-radius: 12px;
	margin: 0px;
	border: 0px none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	white-space: nowrap;
}

.blueLittle:active {
	border: 2px inset #ccc;
}

.blueLittle:hover {
	/*  border: 1px inset #ccc; */
	
}

.blueLittle[disabled] {
	cursor: default;
	color: #808080;
}

.blueLittle[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.darkLittle {
	padding: 0px 20px 0px 20px;
	height: 24px;
	background-color: #0F5F9C;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	border-radius: 12px;
	-moz-border-radius: 12px;
	margin: 0px;
	border: 0px none;
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	white-space: nowrap;
}

.darkLittle:active {
	border: 2px inset #ccc;
}

.darkLittle:hover {
	/*  border: 1px inset #ccc; */
	
}

.darkLittle[disabled] {
	cursor: default;
	color: #808080;
	background-color: #d1d1d1;
}

.darkLittle[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.grayBig {
	width: 165px;
	height: 39px;
	background-color: #E0E0E0;
	color: #404040;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
	border-radius: 50px;
	-moz-border-radius: 50px;
	margin: 0px;
	border: 0px none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.grayBig:active {
	border: 2px inset #ccc;
}

.grayBig:hover {
	/*  border: 1px inset #ccc; */
	
}

.grayBig[disabled] {
	cursor: default;
	color: #808080;
}

.grayBig[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.ctixLoginIcon {
	font-size: 20px;
	width: 30px;
	margin-top: 12px;
	height: 32px;
	margin-left: 10px;
	color: #B3B3B3;
}

.ctixLoginIconDeselect {
	/* background-color: rgb(224, 224, 224); */
	
}

.ctixLoginIconSelect {
	/* background-color: white; */
	
}

.ctixLoginIconTop {
	/*border-radius: 0px 10px 0px 0px;*/
	
}

.ctixLoginIconBottom {
	/*border-radius: 0px 0px 10px 0px;*/
	
}

.ctixLogin {
	width: 285px;
	background: white;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px
		rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

.ctixLoginLogo {
	width: 205px;
	height: auto;
	display: inline-block;
	/*border-radius: 10px 10px 0px 0px;*/
	margin: 20px 40px;
}

.ctixLoginLink a {
	display: inline-block;
	width: 285px;
	border-radius: 0px 0px 10px 10px;
	background-color: #1274bd;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-align: center;
	padding: 20px 0px;
}

.ctixLoginLink a:link {
	
}

.ctixLoginLink a:visited {
	
}

.ctixLoginLink a:hover {
	background-color: #00adee;
	color: white;
}

.ctixLoginLink a:active {
	background-color: #00adee;
	color: white;
}

.ctixLoginHp1 {
	border-bottom: solid 1px #eaeaea;
	margin: auto;
	border-radius: 10px 10px 0px 0px;
	background-color: #E0E0E0;
	-webkit-transition: box-shadow 0.30s ease-in-out;
	-moz-transition: box-shadow 0.30s ease-in-out;
	-ms-transition: box-shadow 0.30s ease-in-out;
	-o-transition: box-shadow 0.30s ease-in-out;
}

.ctixLoginUser {
	width: 195px;
	border: 0px none;
	margin-left: 15px;
	/*margin-top: 15px;*/
	position: relative;
	top: 13px;
}

.ctixLoginHp2 {
	border-top: solid 1px #cecece;
	margin: auto;
	border-radius: 0px 0px 10px 10px;
	background-color: #E0E0E0;
	-webkit-transition: box-shadow 0.30s ease-in-out;
	-moz-transition: box-shadow 0.30s ease-in-out;
	-ms-transition: box-shadow 0.30s ease-in-out;
	-o-transition: box-shadow 0.30s ease-in-out;
}

.ctixLoginPass {
	margin-left: 15px;
	/*margin-top: 15px;*/
	width: 195px;
	border: 0px none;
	position: relative;
	top: 10px;
}

.ctixLoginPrompt {
	color: #b3b3b3;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #E0E0E0;
}

.ctixLoginFocus {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #1274db;
	background-color: white;
}

.ctixLoginNormal {
	color: #404040;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #E0E0E0;
}

.ctixLoginGlow {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	background-color: white;
}

.ctixTLLogin {
	margin-left: 30px;
	font-size: 10px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-bottom: 15px;
	color: red;
	margin-top: 15px;
}

.ctixForgot {
	margin-left: 30px;
	font-size: 10px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-bottom: 15px;
	color: rgb(0, 173, 238);
	margin-top: 15px;
	cursor: pointer;
	cursor: hand;
}

.ctixLoginButton {
	display: inline-block;
	width: 285px;
	border-radius: 0px 0px 10px 10px;
	background-color: #1274bd;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-align: center;
	padding: 17px 0px;
	text-decoration: none;
	border: none;
}

.ctixLoginButton:active {
	background-color: #00adee;
	color: white;
}

.ctixLoginButton:hover {
	background-color: #00adee;
	color: white;
}

.ctixLoginButton[disabled] {
	cursor: default;
	color: #808080;
}

.ctixLoginButton[disabled]:hover {
	
}

.ctixmmlink a {
	display: inline-block;
	width: 245px;
	height: 55px;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	background-color: white;
	color: #1274bd;
	cursor: pointer;
}

.ctixmmlink a:link {
	
}

.ctixmmlink a:visited {
	background-color: white;
	color: #1274bd;
}

.ctixmmlink a:hover {
	background-color: white;
	color: #00adee;
}

.ctixmmlink a:active {
	background-color: #00adee;
	color: white;
}

.ctixmmsublink a {
	display: block;
	width: 245px;
	height: 35px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #e0e0e0;
	color: #404040;
	cursor: pointer;
}

.ctixmmsublink a:link {
	
}

.ctixmmsublink a:visited {
	background-color: #e0e0e0;
	color: #404040;
}

.ctixmmsublink a:hover {
	background-color: #d1d1d1;
	color: #404040;
}

.ctixmmsublink a:active {
	background-color: #b3b3b3;
	color: #404040;
}

.ctixmmbuttontext {
	text-transform: uppercase;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
	top: -10px;
	position: relative;
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ctixmmsubbuttontext {
	text-transform: uppercase;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
	margin-left: 64px;
	margin-top: 8px;
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ctixmmselected {
	display: inline-block;
	width: 245px;
	height: 55px;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	background-color: #00adee;
	color: white;
	cursor: default;
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ctixmmsubselected {
	display: block;
	width: 245px;
	height: 35px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #b3b3b3;
	color: #404040;
	cursor: default;
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ctixMenuIcon {
	font-size: 34px;
	margin-left: 18px;
	margin-right: 17px;
	margin-top: 9px;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?pa03gw');
	src: url('fonts/icomoon.eot?pa03gw#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?pa03gw') format('truetype'),
		url('fonts/icomoon.woff?pa03gw') format('woff'),
		url('fonts/icomoon.svg?pa03gw#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class ^="icon-"], [class *=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	/* Make it unselectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.icon-icons-01:before {
	content: "\e900";
}

.icon-icons-02:before {
	content: "\e901";
}

.icon-icons-03:before {
	content: "\e902";
}

.icon-icons-04:before {
	content: "\e903";
}

.icon-icons-05:before {
	content: "\e904";
}

.icon-icons-06:before {
	content: "\e905";
}

.icon-icons-07:before {
	content: "\e906";
}

.icon-icons-08:before {
	content: "\e907";
}

.icon-icons-09:before {
	content: "\e908";
}

.icon-icons-10:before {
	content: "\e909";
}

.icon-icons-11:before {
	content: "\e90a";
}

.icon-icons-12:before {
	content: "\e90b";
}

.icon-icons-13:before {
	content: "\e90c";
}

.icon-icons-14:before {
	content: "\e90d";
}

.icon-icons-15:before {
	content: "\e90e";
}

.icon-icons-16:before {
	content: "\e90f";
}

.icon-icons-17:before {
	content: "\e910";
}

.icon-icons-18:before {
	content: "\e911";
}

.icon-icons-19:before {
	content: "\e912";
}

.icon-icons-20:before {
	content: "\e913";
}

.icon-icons-21:before {
	content: "\e914";
}

.icon-icons-22:before {
	content: "\e915";
}

.icon-icons-23:before {
	content: "\e916";
}

.icon-icons-24:before {
	content: "\e917";
}

.icon-icons-25:before {
	content: "\e918";
}

.icon-icons-26:before {
	content: "\e919";
}

.icon-icons-27:before {
	content: "\e91a";
}

.icon-icons-28:before {
	content: "\e91b";
}

.icon-icons-29:before {
	content: "\e91c";
}

.icon-icons-30:before {
	content: "\e91d";
}

.icon-icons-31:before {
	content: "\e91e";
}

.icon-icons-32:before {
	content: "\e058";
}

.icon-icons-33:before {
	content: "\e91f";
}

.icon-icons-34:before {
	content: "\e920";
}

.icon-icons-35:before {
	content: "\e921";
}
.icon-icons-36:before {
	content: "\e922";
}
.icon-icons-37:before {
	content: "\e923";
}
.icon-icons-38:before {
	content: "\e924";
}
.icon-icons-39:before {
	content: "\e925";
}
/* ------------------------------------ still used ??? ------------------------------- */
.ctixmenupanel {
	margin-left: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px
		rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background-color: #fff;
}

.ctixmenulogo {
	width: 200px;
	height: auto;
	display: inline-block;
	margin: 20px 20px;
}

.ctixmenutopitem {
	
}

.ctixmmselectedbottom {
	border-radius: 0 0 10px 10px;
}

.ctixmmlinkbottom a{
	border-radius: 0 0 10px 10px;
}

/* ------------------------------------ -------- ------------------------------- */
.ctixHomeIcon {
	font-size: 205px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 55px;
	color: #1274bd;
}

.ctixHomeDate {
	margin-top: 85px;
	font-size: 33px;
	font-weight: bold;
	letter-spacing: 1.5px;
	color: #1274db;
	white-space: nowrap;
}

.ctixHomeTime {
	font-size: 33px;
	letter-spacing: 1.5px;
	color: rgb(0, 173, 238);
	font-weight: lighter;
	margin-top: 5px;
	white-space: nowrap;
}

.ctixTLHome {
	text-align: center;
	color: #1274db;
	margin-left: 30px;
	width: 205px;
	font-size: 20px;
	letter-spacing: 0.5px;
	font-weight: bold;
}

.ctixHomeButton {
	margin-top: 15px;
}

.ctixGroupUser {
	padding-top: 8px;
	font-size: 24px;
}

.ctixGroupGroup {
	font-size: 33px;
}

.ctixGroupCustom {
	padding-top: 2px;
	font-size: 32px;
}

.ctixGroupIcon {
	margin: 5px;
	background-color: #fff;
}

.ctixGroupIcon-up {
	color: #e0e0e0;
	cursor: pointer;
	cursor: hand;
}

.ctixGroupIcon-down {
	cursor: default;
	color: #1274bd;
}

.ctixGroupIcon-up-hovering {
	cursor: pointer;
	cursor: hand;
	/* color:#00adee;*/
	color: #e0e0e0;
}

.ctixGroupIcon-down-hovering {
	cursor: default;
	/* color:#1274bd; */
	color: #00adee;
}

.ctixGroupIcon-up-disabled {
	cursor: default;
	color: #e0e0e0;
}

.ctixGroupIcon-down-disabled {
	cursor: default;
	color: #1274bd;
}

.ctixPeopleLabel {
	letter-spacing: 0.7px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-top: 25px;
	width: 200px;
	min-width: 200px;
	white-space: nowrap;
}

.ctixIBText {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-top: 7px;
}

.ctixIBTextDisabled {
	color: #e0e0e0;
}

.ctixIBIcon {
	font-size: 34px;
}

.ctixIBButton {
	color: #00ADEE;
	background-color: #fff;
	cursor: pointer;
	cursor: hand;
	margin-top: 20px;
	margin-left: 7px;
	margin-right: 7px;
	border: 2px solid #fff;
}

.ctixIBButton:active {
	border: 2px inset #ccc;
}

.ctixIBButton:hover {
	/*  border: 1px inset #ccc;*/
	border: 2px solid #fff;
}

.ctixIBButton[disabled] {
	cursor: default;
	color: #e0e0e0;
	border: 2px solid #fff;
}

.ctixIBButton[disabled]:hover {
	/*   border: 1px solid #ccc;*/
	border: 2px solid #fff;
}

.ctixTIBButton {
	color: #00ADEE;
	background-color: #fff;
	cursor: pointer;
	cursor: hand;
	margin-top: 20px;
	margin-left: 7px;
	margin-right: 7px;
	border: 2px solid #fff;
	padding: 1px 5px;
}

.ctixTIBButton-up {
	color: #00ADEE;
	cursor: pointer;
	cursor: hand;
}

.ctixTIBButton-down {
	cursor: pointer;
	cursor: hand;
	color: #1274bd;
}

.ctixTIBButton-up-hovering {
	cursor: pointer;
	cursor: hand;
	color: #00ADEE;
}

.ctixTIBButton-down-hovering {
	cursor: pointer;
	cursor: hand;
	color: #1274bd;
}

.ctixTIBButton-up-disabled {
	cursor: default;
	color: #e0e0e0;
}

.ctixTIBButton-down-disabled {
	cursor: default;
	color: #e0e0e0;
}

.ctixTIBIcon {
	font-size: 34px;
}

.ctixTIBText {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-top: 7px;
}

.ctixTIBTextUp {
	color: #000;
}

.ctixTIBTextDown {
	color: #000;
}

.ctixTIBTextDisabled {
	color: #e0e0e0;
}

.calPanel {
	background-color: #E0E0E0;
	border-radius: 50px;
	margin-top: 22px;
	border: 1px solid #D1D1D1;
	padding: 0px 15px;
}

.calButton {
	background-color: #E0E0E0;
	color: #808080;
	font-size: 30px;
	border: 0px none;
	border-radius: 50px;
	margin: 10px -2px;
	cursor: pointer;
	cursor: hand;
}

.calDatePickerNormal {
	width: 150px;
}

.calDatePickerExtra {
	width: 200px;
}

.calDatePicker {
	background-color: #E0E0E0;
	color: rgb(18, 116, 189);
	font-size: 20px;
	margin-top: 15px;
	border: 0px none;
	letter-spacing: 2px;
}

/*           GWT calendar */
/*
* Global widget style.
*/
.gwt-DatePicker {
	border: 1px solid #d1d1d1;
	color: 6b6b6b;
	cursor: default;
	width: 280px; /* must be 7 x .datePickerDay */
}

.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
	font-size: 20px;
	padding: 2px;
	text-align: center;
	padding: 2px;
	outline: none;
	cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector  td :focus {
	outline: none
}

.gwt-DateBox input {
	width: 8em;
}

/*
* Calendar styles
*/
.datePickerDays {
	background-color: white;
	width: 100%;
}

.datePickerWeekdayLabel {
	background: #00adee;
	color: #fff;
}

.datePickerWeekendLabel {
	background: #00adee;
	color: #fff;
}

.datePickerDay {
	padding: 1px;
	cursor: hand;
	width: 40px;
}

.datePickerDayIsToday {
	border: 1px solid black;
	padding: 0px;
}

.datePickerDayIsWeekend {
	background: #f1f1f1;
}

.datePickerDayIsFiller {
	color: #bfbfbf;
	padding: 1px;
	cursor: hand;
}

.datePickerDayIsSelected {
	background: #aaccee;
}

.datePickerDayIsDisabled {
	color: graytext;
}

.datePickerDayIsHighlighted {
	border: 1px solid #eeeeee;
	padding: 0px;
}

.datePickerDayIsSelectedAndHighlighted {
	background: #bbddff;
}

/*
* Month selector styles
*/
.datePickerMonthSelector {
	background: #00adee;
	width: 100%;
	text-align: center;
	color: #fff;
}

.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 20px;
}

.datePickerPreviousButton {
	text-align: left;
}

.datePickerNextButton {
	text-align: right;
}

/*-----------
 Dialog 
--------------*/
.ctixDialogBox {
	background: none repeat scroll 0% 0% #FFF;
	border-radius: 10px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px
		rgba(0, 0, 0, 0.2);
	z-index: 500;
}

.ctixDialogCaption {
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
	color: #00ADEE;
	letter-spacing: 1px;
}

.ctixDialogContent {
	padding: 10px 20px;
	background: none repeat scroll 0% 0% #E0E0E0;
	color: #404040;
	border-top: 1px solid rgb(209, 209, 209);
	border-bottom: 1px solid rgb(209, 209, 209);
}

.ctixDialogFooter {
	padding: 10px;
}

.ctixOkCancelBtnPanel {
	margin: auto;
	width: 100%;
	/* may be 100% instead of 90% because we have a padding in parent (ctixPopupFooter)*/
}

/*-----------
 Popup
--------------*/
.ctixPopupBox {
	background: none repeat scroll 0% 0% #FFF;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px
		rgba(0, 0, 0, 0.2);
}

.ctixPopupCaption {
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
	color: #00ADEE;
	letter-spacing: 1px;
	text-align: center;
}

.ctixPopupContent {
	
}

.ctixPopupBottomBtn {
	border-radius: 0px 0px 5px 5px;
}

.ppRangeBtn {
	height: 37px;
	background-color: #e0e0e0;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	border: 1px solid #d1d1d1;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.1px;
	width: 250px;
}

.ppRangeBtn:active {
	border: 2px inset #ccc;
}

.ppRangeBtn:hover {
	background-color: #00adee;
	color: #fff;
}

.ppRangeBtn[disabled] {
	cursor: default;
	color: #b3b3b3;
}

.ppRangeBtn[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

/* Bottom button */
.ppRangeBtn1 {
	width: 250px;
	height: 37px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	border: 0px none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
	background-color: rgb(18, 116, 189);
}

.ppRangeBtn1:active {
	border: 2px inset #ccc;
}

.ppRangeBtn1:hover {
	background-color: #00adee;
	color: #fff;
}

.ppRangeBtn1[disabled] {
	cursor: default;
	color: #b3b3b3;
}

.ppRangeBtn1[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.ppSettingBtn {
	background-color: #E0E0E0;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	border: 1px solid #D1D1D1;
	text-transform: uppercase;
	font-size: 10px;
	width: 145px;
	height: 26px;
	font-weight: bold;
	letter-spacing: 0.8px;
	white-space: nowrap;
}

.ppSettingBtn:active {
	border: 2px inset #ccc;
}

.ppSettingBtn:hover {
	background-color: #00adee;
	color: #fff;
}

.ppSettingBtn[disabled] {
	cursor: default;
	color: #808080;
}

.ppSettingBtn[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

/* Bottom button */
.ppSettingBtn1 {
	width: 161px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	border: 0px none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background-color: #1274BD;
	height: 26px;
	letter-spacing: 1px;
}

.ppSettingBtn1:active {
	border: 2px inset #ccc;
}

.ppSettingBtn1:hover {
	background-color: #00adee;
	color: #fff;
}

.ppSettingBtn1[disabled] {
	cursor: default;
	color: #808080;
}

.ppSettingBtn1[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.arrow-up {
	width: 0px;
	height: 0px;
	border-left: 0px solid transparent;
	transform: rotate(45deg);
	margin-top: 2px;
	border-right: 15px solid transparent;
	border-top: 15px solid rgb(255, 255, 255);
	margin-bottom: -8px;
}

.arrow-up-settings {
	position: relative;
	left: 72px;
}

/* Planning */
.PlanningDayDisabled {
	border-style: solid;
	border-width: 1px;
	border-color: #303030;
	background: rgb(100, 100, 100);
}

.PlanningDay {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #e0e0e0;
	color: #000;
}

.PlanningDayWE {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #b3b3b3;
	color: #000;
}

.PlanningDaySelect {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #22c7a0;
	color: #fff;
}

.PlanningDaySelectWE {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #029976;
	color: #fff;
}

.PlanningDayLabel {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 2px;
	margin-left: 3px;
}

.PlanningDayInt {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #00ADEE;
}

.PlanningDayIntGray {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	background: #b3b3b3;
}

.PlanningMonthLabelMonth {
	text-transform: uppercase;
	color: #00ADEE;
	letter-spacing: 3px;
	margin-top: 5px;
}

.PlanningMonthLabelPerso {
	color: #00ADEE;
	word-wrap: break-word;
	margin-top: 5px;
}

/* Overview */
.ovvTitle {
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0px;
	color: #00adee;
}

.ovvSubTitle {
	font-weight: normal;
	font-size: 10px;
	margin-left: 0px;
	padding-top: 5px;
	color: #808080;
	padding-left: 0px;
}

.ovvTable {
	color: #000;
}

.ovvTableHeader {
	/* also used for absence demand window */
	background: #00adee;
	color: #fff;
}

.ovvTableOdd {
	/* also used for absence demand window */
	background: #fff;
}

.ovvTableEven {
	/* also used for absence demand window */
	background: #e0e0e0;
}

.ovvTableTotal {
	background: #fff;
	border-top: 1px solid #000;
	/*font-weight: bold;*/
}

.ovvTableCell {
	/* also used for absence demand window */
	padding-left: 11px;
	border-right: 1px solid #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ovvTableHeaderCell {
	/* also used for absence demand window */
	border-right: 1px solid #fff;
	padding-left: 11px;
	cursor: default;
	/*cursor: pointer;
	cursor: hand;*/
	padding-top: 3px;
	padding-bottom: 3px;
}

.InsertBtn {
	margin-left: -10px;
	margin-right: -10px;
}

.ClickIcon {
	
}

.SymbolFont {
	width: 0.9em;
	height: 0.9em;
	cursor: pointer;
	text-decoration: none;
	font-size: 20px;
	color: #404040;
}

.SymbolFontHTML {
	width: 100%;
	height: 100%;
}

.accountbtn {
	height: 32px;
	float: right;
	/* Must be right in activity display (which in turn is right in body)*/
	min-width: 165px;
	background-color: #0f5f9c;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	border-radius: 16px;
	margin: 10px 0 0 0;
	border: 0px none;
	white-space: nowrap; /* to ensure no wrap between icon and text */
}

.popupIcon {
	font-size: 19px;
	position: relative;
	top: 2px;
	padding: 0px 10px;
}

.popupText {
	position: relative;
	top: -2px;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 15px 0px 0px;
	white-space: nowrap;
}

.filterWhite {
	background-color: #fff;
}

.filterGray {
	background-color: #e0e0e0;
}

.filter {
	border-radius: 50px;
	margin: 0px 0px 20px 0px;
}

.filterClear {
	width: 165px;
	height: 39px;
	background-color: #00ADEE;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
	border-radius: 0px 50px 50px 0px;
	margin: 0px;
	border: 0px none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.filterIcon {
	font-size: 30px;
	margin: 5px 10px 0px 0px;
	color: #808080;
	cursor: default;
}

.filterText {
	border-radius: 50px 0px 0px 50px;
	border: 0px none;
	height: 39px;
	padding: 0px 15px 0px 20px;
	width: 100px;
}

.selentPanel {
	background-color: #d1d1d1;
	border-bottom: 1px solid #fff;
	cursor: default;
}

.selcatPanel {
	background-color: #a0d0ff;
	border-bottom: 1px solid #fff;
	cursor: default;
}

.selentLabel {
	min-width: 260px;
	white-space: nowrap;
	margin: 8px 0px 0px 20px;
	font-weight: bold;
	max-width: 260px;
	overflow: hidden;
}

.selent {
	font-size: 25px;
	text-decoration: none;
	cursor: pointer;
	border: 0px none;
	color: #404040;
	background-color: transparent;
	height: 30px;
}

.selent[disabled] {
	cursor: default;
	color: #b3b3b3;
}

.selent[disabled]:hover {
	/*   border: 1px solid #ccc;   */
	
}

.selentView {
	
}

.selentDel {
	
}

.selentAdd {
	
}

.selentCheck {
	
}

.manHeader {
	margin: 25px 0px 30px 0px;
	font-size: 18px;
	font-weight: bold;
}

.addBtn {
	margin: 25px 0px 0px 0px;
}

.blueicon {
	font-size: 25px;
	text-decoration: none;
	cursor: pointer;
	border: 0px none;
	color: #0F5F9C;
	background-color: transparent;
	height: 30px;
	width: 25px;
	margin-left: 10px;
}

.manPanel1 {
	margin-right: 5px;
}

.manPanel2 {
	margin-right: 10px;
	border-left: 1px solid #D0D0D0;
	padding-left: 40px;
}

.manMain {
	
}

.manSub {
	margin-top: 5px;
	margin-bottom: 5px;
}

.manLbl {
	width: 180px;
	margin-top: 5px;
}

.manEdit {
	background-color: #e0e0e0;
	border: 0px none;
	height: 30px;
	font-weight: bold;
	padding: 0px 10px;
	width: 205px;
}

.manColorPreview {
	width: 50px;
	height: 25px;
	border: 1px solid black;
	cursor: default;
}

.manEditLbl {
	background-color: #E0E0E0;
	border: 0px none;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	width: 205px;
	cursor: default;
}

.manList {
	background-color: #E0E0E0;
	border: 0px none;
	height: 30px;
	font-weight: bold;
	padding: 0px 10px;
	width: 225px;
	cursor: pointer;
}

.okcancelspaceup {
	margin-top: 20px;
	margin-bottom: 20px;
}

.okcancelspaceright {
	margin-right: 20px;
	margin-left: 20px;
}

.pnlwarn {
	height: 21px;
}

.pnlwarnFix {
	width: 16px;
}

.pnlwarnMargin {
	margin-left: -15px;
}

.ev {
	width: 23px;
	font-size: 20px;
	border: 0px none;
	height: 23px;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
	margin-top: 3px;
}

.evOk {
	color: #009245;
}

.evCancel {
	color: #b32329;
}

.evDel {
	color: #404040;
	cursor: pointer;
	margin-top: 0px; /* Override .ev !!! */
}

.evDelTrans {
	color: transparent;
	cursor: default;
}

.evDelCor {
	color: #404040;
}

.evPanel {
	width: 100%;
	height: auto;
}

.evPanelEdit {
	background-color: #FFF;
	border: 1px solid #808080;
	border-radius: 20px;
	padding: 0px 20px;
}

.evPanelView {
	
}
/* ----------------------------- */
.gwt-TabLayoutPanel {
	
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	/*background: #ccc;*/
	padding-top: 6px;
	padding-left: 5px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
	border-color: #ccc;
	border-style: solid;
	/*  border-width: 0px 1px 1px;*/
	border-width: 1px 1px 1px;
	background-color: white;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	overflow: hidden;
	padding: 6px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	margin-left: 4px;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	cursor: hand;
	color: black;    /* chronatix */
	/* color: white;  org */
	font-weight: normal;
	text-align: center;
	background: #CFCFCF;   /* chronatix */
	/* background: #8E8E8E; org*/
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	cursor: default;
	background: white;
	color: #333;
	font-weight: bold;
}

/* ----------------------------- */
.ctix-MinuteBox {
	border: 0px none;
	height: 30px;
	font-weight: bold;
	padding: 0px 10px;
	width: 20px;
}

.ctix-MinuteBoxWhite {
	background-color: #fff;
}

.ctix-MinuteBoxGray {
	background-color: #e0e0e0;
}
/* ----------------------------- */
.ctix-HourBox {
	border: 0px none;
	height: 30px;
	font-weight: bold;
	padding: 0px 10px;
	width: 35px;
}

.ctix-HourBoxWhite {
	background-color: #fff;
}

.ctix-HourBoxGray {
	background-color: #e0e0e0;
}

/* ----------------------------- */
.ctix-ListBox {
	border: 0px none;
	height: 30px;
	font-weight: bold;
	padding: 0px 10px;
	cursor: pointer;
}

.ctix-ListBox-w180 {
	width: 180px;
}

.ctix-ListBox-w70 {
	width: 70px;
}

.ctix-ListBox-w110 {
	width: 110px;
}

.ctix-ListBox-w150 {
	width: 150px;
}

.ctix-ListBox-White {
	background-color: #fff;
}

.ctix-ListBox-Gray {
	background-color: #e0e0e0;
}

.treeCell {
	width: 40px;
	height: 30px;
	zoom: 1;
	font-size: 1px;
	overflow: hidden;
	line-height: 0px;
}

.treeLine {
	background: url(images/treelines.png) no-repeat 0px 0px;
}

.treeSplit {
	background: url(images/treelines.png) no-repeat 0px -30px;
}

.treeCorner {
	background: url(images/treelines.png) no-repeat 0px -60px;
}

.planGroupSplit {
	letter-spacing: 0.7px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #1274bd;
	margin-top: 5px;
	width: 200px;
	min-width: 200px;
	white-space: nowrap;
}

.planDaysLabel {
    letter-spacing: 22.2px;
    padding-left: 11px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
}

.planDaysLabelNew {
    font-family: 'Courier New', monospace;
    font-size: 13px;
}

.planTotalsLabel {
    padding-left: 8px;
}

.gwt-SuggestBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	font-size: 100%;
	font-family: Arial Unicode MS, Arial, sans-serif;
}

.gwt-SuggestBoxPopup {
	
}

.gwt-SuggestBoxPopup .item {
	padding: 2px 6px;
	color: #000;
	cursor: default;
	font-size: 110%;
}

.gwt-SuggestBoxPopup .item-selected {
	background: #D5E2FF;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
	background: white;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
	border-top: 1px solid #bbb;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
	border-bottom: 1px solid #bbb;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenterInner, .gwt-SuggestBoxPopup .suggestPopupBottomCenterInner
	{
	height: 1px;
	line-height: 1px;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
	border-left: 1px solid #bbb;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
	border-right: 1px solid #bbb;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner, .gwt-SuggestBoxPopup .suggestPopupMiddleRightInner
	{
	width: 1px;
	line-height: 1px;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
	width: 0px;
	height: 0px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
	width: 0px;
	height: 0px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
	width: 0px;
	height: 0px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
	width: 0px;
	height: 0px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeft {
	background: url(images/circles.png) no-repeat 0px -6px;
	-background: url(images/circles_ie6.png) no-repeat 0px -6px;
	width: 5px;
	height: 5px;
}

.gwt-SuggestBoxPopup .suggestPopupTopRight {
	background: url(images/circles.png) no-repeat -5px -6px;
	-background: url(images/circles_ie6.png) no-repeat -5px -6px;
	width: 5px;
	height: 5px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
	background: url(images/circles.png) no-repeat 0px -11px;
	-background: url(images/circles_ie6.png) no-repeat 0px -11px;
	width: 5px;
	height: 5px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRight {
	background: url(images/circles.png) no-repeat -5px -11px;
	-background: url(images/circles_ie6.png) no-repeat -5px -11px;
	width: 5px;
	height: 5px;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
}