#the-newevent-console
{
}

/* shutter */
#the-newevent-console .is-shutter
{
	width: 36px;
	height: 36px;
	background-image: url('./image/newevent-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin-top: -5px;
}

/* note */
#the-newevent-console .is-note-box
{
}

#the-newevent-console .is-note-box.is-triangle-border
{
	width: 25%;
	float: right;
	padding: 13px 13px 20px 15px;
	margin: 5px 20% 0 5%;
	background-color: whitesmoke;
	border: 1px solid #323234;
	border-radius: 6px;
}

#the-newevent-console .is-note-box.is-triangle-border.is-triangle-left:before
{
	/* the grey triangle that gives the border */
	top: 22px;
	bottom: auto;
	left: -33px;
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-right: 22px solid #323234;
}

#the-newevent-console .is-note-box.is-triangle-border.is-triangle-left:after
{
	/* the white triangle before the grey one */
	top: 24px;
	top: 23px;
	bottom: auto;
	left: -30px;
	left: -31px;
	width: 0;
	height: 0;
	/*border-top: 11px solid transparent;*/
	/*border-bottom: 11px solid transparent;*/
	/*border-right: 11px solid red;*/
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid white;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-right: 21px solid whitesmoke;
}

/*#the-newevent-console .is-note-box .is-triangle-border:before*/
/*{*/
/*border-color: silver transparent;*/
/*content: "";*/
/*position: absolute;*/
/*bottom: -11px;*/
/*left: 10px;*/
/*border-width: 11px 11px 0;*/
/*border-style: solid;*/
/*display: block;*/
/*width: 0;*/
/*}*/
/*#the-newevent-console .is-note-box.is-triangle-border.is-triangle-top:after*/
/*{*/
/* the white triangle before the grey one */
/*top: -10px;*/
/*bottom: auto;*/
/*right: 11px;*/
/*left: auto;*/
/*border-width: 0 10px 10px;*/
/*}*/
/*#the-newevent-console .is-note-box.is-triangle-border:after*/
/*{*/
/*border-color: white transparent;*/
/*content: "";*/
/*position: absolute;*/
/*bottom: -10px;*/
/*left: 11px;*/
/*border-width: 10px 10px 0;*/
/*border-style: solid;*/
/*display: block;*/
/*width: 0;*/
/*}*/

/* field box */
#the-newevent-console .is-fieldset-box
{
	width: 50%;
}

/* display */
#the-newevent-console .is-display-mode .is-display
{
	/*display: none;*/
}

#the-newevent-console .is-edit-mode .is-display
{
	display: none;
}

/* editor */
#the-newevent-console .is-display-mode .is-editor
{
	display: none;
}

#the-newevent-console .is-edit-mode .is-editor
{
	/*display: none;*/
}

/* recommended input */
#the-newevent-console .is-recommended,
#the-newevent-console input[type=checkbox].is-recommended + label div div
{
	border-color: #323234;
	background-color: whitesmoke;
}

#the-newevent-console .is-recommended,
#the-newevent-console input[type=checkbox].is-recommended + label div + p
{
	font-family: my-new-bold-italic-font, sans-serif;
}

/* pre start notice */
#the-newevent-console .is-pre-start-notice
{
	display: none;
	margin: 10px 0 0 0;
	width: 50%;
	font-family: my-new-regular-font, sans-serif;
}

/* save control */
#the-newevent-console .is-save-control,
#the-newevent-console .is-start-control
{
	margin: 20px 0 0 0;
}

#the-newevent-console .is-newevent-form.is-display-mode .is-save-control,
#the-newevent-console .is-newevent-form.is-display-mode .is-start-control,
#the-newevent-console .is-newevent-form.is-edit-mode .is-forward-button
{
	display: none;
}

#the-newevent-console .is-newevent-form.is-edit-mode .is-save-control,
#the-newevent-console .is-newevent-form.is-edit-mode .is-start-control,
#the-newevent-console .is-newevent-form.is-display-mode .is-forward-button
{
	display: block;
}

/* browse control */
#the-newevent-console .is-browse-control,
#the-newevent-console .is-start-browse-control
{
	margin: 20px 0 0 0;
}

#the-newevent-console .is-browse-control .is-backward,
#the-newevent-console .is-browse-control .is-call-editor,
#the-newevent-console .is-left-button
{
	margin: 0 10px 0 0;
}

#the-newevent-console .is-newevent-form.is-display-mode .is-browse-control,
#the-newevent-console .is-newevent-form.is-display-mode .is-start-browse-control
{
	display: block;
}

#the-newevent-console .is-newevent-form.is-edit-mode .is-browse-control,
#the-newevent-console .is-newevent-form.is-edit-mode .is-start-browse-control
{
	display: none;
}

/* huge button */
#the-newevent-console .is-huge-button
{
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 6px;
	position: relative;
	border: solid 1px silver;
	background: white;
}

#the-newevent-console .is-file-uploader
{
	width: 150px;
	height: 150px;
	margin: 0;
	border-radius: 6px;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 0;
	background: transparent;
	padding: 150px 0 0 0;
	overflow: hidden;
}

#the-newevent-console .is-display-mode .is-file-uploader
{
	pointer-events: none;
}

#the-newevent-console .is-huge-button:before
{
	width: 50px;
	height: 50px;
	background-image: url('./image/newevent-grid.png');
	background-repeat: no-repeat;
	display: block;
	margin: 30px 49px;
	content: '';
	background-position: 50px 50px;
}

.is-branded-as-gtue #the-newevent-console .is-huge-button:before
{
	background-image: url('./branding/gtue/newevent-grid.png');
}

#the-newevent-console .is-huge-button p
{
	font-size: 14px;
	line-height: 1.2em;
	width: 148px;
	max-height: 48px;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 2px 9px 0 9px;
	margin-bottom: 9px;

	overflow: hidden;
	text-overflow: ellipsis;

	color: silver;
}

#the-newevent-console .is-huge-button.is-lightblue,
#the-newevent-console .is-huge-button.is-lightblue.is-selected,
#the-newevent-console .is-huge-button.is-green.is-selected
{
	border: solid 1px #005681;
}

.is-branded-as-gtue #the-newevent-console .is-huge-button.is-lightblue
{
	border: solid 1px #323234;
}

.is-branded-as-gtue #the-newevent-console .is-edit-mode .is-huge-button.is-lightblue:hover,
.is-branded-as-gtue #the-newevent-console .is-huge-button.is-lightblue.is-selected,
.is-branded-as-gtue #the-newevent-console .is-huge-button.is-green.is-selected
{
	border: solid 1px #323234;
}

#the-newevent-console .is-huge-button.is-lightblue p,
#the-newevent-console .is-huge-button.is-green.is-selected p
{
	color: #005681;
}

.is-branded-as-gtue #the-newevent-console .is-huge-button.is-lightblue p
{
	color: #323234;
}

.is-branded-as-gtue #the-newevent-console .is-edit-mode .is-huge-button.is-lightblue:hover p,
.is-branded-as-gtue #the-newevent-console .is-huge-button.is-lightblue.is-selected p,
.is-branded-as-gtue #the-newevent-console .is-huge-button.is-green.is-selected p
{
	color: #323234;
}

#the-newevent-console .is-huge-button.is-blue
{
	border: solid 1px #005681;
	background: #005681;
}

#the-newevent-console .is-huge-button.is-blue p
{
	color: white;
}

#the-newevent-console .is-huge-button.is-green
{
	border: solid 1px #18a15f;
}

.is-branded-as-gtue #the-newevent-console .is-huge-button.is-green
{
	border: solid 1px #323234;
}

#the-newevent-console .is-huge-button.is-green p
{
	color: #18a15f;
	font-family: my-new-regular-italic-font, sans-serif;
}

.is-branded-as-gtue #the-newevent-console .is-huge-button.is-green p
{
	color: #323234;
	font-family: my-new-regular-italic-font, sans-serif;
}

#the-newevent-console .is-huge-button.is-grey
{
	border: solid 1px silver;
}

#the-newevent-console .is-huge-button.is-grey p
{
	color: silver;
}

/* trash */
#the-newevent-console .is-huge-button.is-trash.is-lightblue:before
{
	background-position: 0 -250px;
}

#the-newevent-console .is-huge-button.is-trash.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-trash.is-lightblue.is-select:hover:before
{
	background-position: 0 -300px;
}

#the-newevent-console .is-huge-button.is-trash.is-blue:before
{
	background-position: 0 -350px;
}

#the-newevent-console .is-huge-button.is-trash.is-grey:before
{
	background-position: 0 -400px;
}

/* play */
#the-newevent-console .is-huge-button.is-play.is-lightblue:before
{
	background-position: -50px -250px;
}

#the-newevent-console .is-huge-button.is-play.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form .is-huge-button.is-play.is-lightblue:hover:before
{
	background-position: -50px -300px;
}

#the-newevent-console .is-huge-button.is-play.is-blue:before
{
	background-position: -50px -350px;
}

#the-newevent-console .is-huge-button.is-play.is-grey:before
{
	background-position: -50px -400px;
}

/* download */
#the-newevent-console .is-huge-button.is-download.is-lightblue:before
{
	background-position: -100px -250px;
}

#the-newevent-console .is-huge-button.is-download.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-download.is-lightblue.is-select:hover:before
{
	background-position: -100px -300px;
}

#the-newevent-console .is-huge-button.is-download.is-blue:before
{
	background-position: -100px -350px;
}

#the-newevent-console .is-huge-button.is-download.is-grey:before
{
	background-position: -100px -400px;
}

/* upload */
#the-newevent-console .is-huge-button.is-upload.is-lightblue:before
{
	background-position: -150px -250px;
}

#the-newevent-console .is-huge-button.is-upload.is-lightblue.is-selected:before
{
	background-position: -150px -300px;
}

#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-upload.is-lightblue:hover:before
{
	background-position: -150px -300px;
}

#the-newevent-console .is-huge-button.is-upload.is-blue:before
{
	background-position: -150px -350px;
}

#the-newevent-console .is-huge-button.is-upload.is-green:before
{
	background-position: -150px -450px;
}

#the-newevent-console .is-huge-button.is-upload.is-green.is-selected:before
{
	background-position: -150px -300px;
}

#the-newevent-console .is-huge-button.is-upload.is-grey:before
{
	background-position: -150px -400px;
}

/* none */
#the-newevent-console .is-huge-button.is-none.is-lightblue:before
{
	background-position: -200px -250px;
}

#the-newevent-console .is-huge-button.is-none.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-none.is-lightblue.is-select:hover:before
{
	background-position: -200px -300px;
}

#the-newevent-console .is-huge-button.is-none.is-blue:before
{
	background-position: -200px -350px;
}

#the-newevent-console .is-huge-button.is-none.is-grey:before
{
	background-position: -200px -400px;
}

/* recovery */
#the-newevent-console .is-huge-button.is-recovery.is-lightblue:before
{
	background-position: -250px -250px;
}

#the-newevent-console .is-huge-button.is-recovery.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-recovery.is-lightblue.is-select:hover:before
{
	background-position: -250px -300px;
}

#the-newevent-console .is-huge-button.is-recovery.is-blue:before
{
	background-position: -250px -350px;
}

#the-newevent-console .is-huge-button.is-recovery.is-grey:before
{
	background-position: -250px -400px;
}

/* dealer */
#the-newevent-console .is-huge-button.is-dealer.is-lightblue:before
{
	background-position: -250px -250px;
}

#the-newevent-console .is-huge-button.is-dealer.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-dealer.is-lightblue.is-select:hover:before
{
	background-position: -250px -300px;
}

#the-newevent-console .is-huge-button.is-dealer.is-blue:before
{
	background-position: -250px -350px;
}

#the-newevent-console .is-huge-button.is-dealer.is-grey:before
{
	background-position: -250px -400px;
}

/* expert */
#the-newevent-console .is-huge-button.is-expert.is-lightblue:before
{
	background-position: -300px -250px;
}

#the-newevent-console .is-huge-button.is-expert.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-expert.is-lightblue.is-select:hover:before
{
	background-position: -300px -300px;
}

#the-newevent-console .is-huge-button.is-expert.is-blue:before
{
	background-position: -300px -350px;
}

#the-newevent-console .is-huge-button.is-expert.is-grey:before
{
	background-position: -300px -400px;
}

/* lawyer */
#the-newevent-console .is-huge-button.is-lawyer.is-lightblue:before
{
	background-position: -350px -250px;
}

#the-newevent-console .is-huge-button.is-lawyer.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-lawyer.is-lightblue.is-select:hover:before
{
	background-position: -350px -300px;
}

#the-newevent-console .is-huge-button.is-lawyer.is-blue:before
{
	background-position: -350px -350px;
}

#the-newevent-console .is-huge-button.is-lawyer.is-grey:before
{
	background-position: -350px -400px;
}

/* event */
#the-newevent-console .is-huge-button.is-event.is-lightblue:before
{
	background-position: -400px -250px;
}

#the-newevent-console .is-huge-button.is-event.is-lightblue.is-selected:before,
#the-newevent-console .is-newevent-form.is-edit-mode .is-huge-button.is-event.is-lightblue.is-select:hover:before
{
	background-position: -400px -300px;
}

#the-newevent-console .is-huge-button.is-event.is-blue:before
{
	background-position: -400px -350px;
}

#the-newevent-console .is-huge-button.is-event.is-grey:before
{
	background-position: -400px -400px;
}

/* event detail */
#the-newevent-console .is-huge-button.is-detail.is-lightblue:before
{
	background-position: -50px 0px;
}

/* dashboard */
#the-newevent-console .is-huge-button.is-dashboard.is-lightblue:before
{
	background-position: -100px 0px;
}

/* plus */
#the-newevent-console .is-huge-button.is-plus.is-lightblue:before
{
	background-position: -150px 0px;
}

#the-newevent-console #the-hand-later-switch-box.is-disabled label
{
	color: silver;

}

#the-newevent-console .is-customersignup-box
{
	border: solid 1px silver;
	padding: 13px 17px 23px 17px;
}