/*
* iventcloud Look & Feel
*/

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Italic.ttf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-BoldItalic.ttf');
	font-weight: bold;
	font-style: italic;
}

/*
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto');
*/

body {
    font-family: 'Roboto', sans-serif;
}

#doc3{
 	margin:0px;
}


/** HEADER **/

/* statusbar */

.statusbar {
    background-color: #cccccc;
	/*background:url(img/bg/bg_top_light_grey.png) repeat-x;
	background-position:bottom;*/
	color:#333;
	font-weight:bold;
	font-size:110%;
	height:55px;
	background-position: left;
	padding:0 0 0 10px;
	display: flex;
	flex-wrap: wrap;
}

.progressBarBackground {
	background:url(img/progressBar.gif);
	height: 14px;
}


.icontextcontainer {
	clear:both;
	white-space: nowrap;
	border-bottom: solid 1px silver;
	border-left: solid 0px none;
	background-image: none;
	width:auto;
}

html>body icontextcontainer {
	width: 100%; /*this value don't work in IE6*/
}

img.toolbaricon {
	vertical-align: middle;
	padding-left: 3px;
	position: relative;
	outline:none;
	background-image:none;
	border:none;
	width:32px;
	height:32px;
}

div.iconeventtext {
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	color:silver;
}

.icontext {
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}

/* eventTab */
.eventTab {
	height:30px;
	width: 100%;
	vertical-align:bottom;
	background-color: #f07d06;
}

.eventTab table {
    margin-left: 240px;
}

.eventTab tr {
    background-color: #ffffff;
    /*border: #CCCCCC solid 2px;
    border-bottom: 0px;*/
}

.eventTabTextContainer {
	/*background:url("img/bg/textBackground.jpg") repeat-x !important;*/
	height:30px;
	vertical-align:bottom;
	padding-left: 8px;
	padding-right: 8px;
}

.eventTabText {
	color: #f07d06;
	/*padding-left: 20px;
	padding-right: 20px;*/
	font-size:18px;
	font-weight:bold;
	vertical-align:bottom;
	height: 100%;
}

.topMenuBar {
    background-color: #f07d06;
    display: flex;
    justify-content: space-between;
}

.warnTab {
	background:url("img/bg/eventTabBackground.jpg") repeat-x !important;
	height:30px;
	width: 100%;
	vertical-align: middle;

}

.warnLink {
	color: orange;
	font-size: 14px;
	margin-left: 10px;
}
.warnLink a{
	color: orange;
	font-size: 14px;
	margin-left: 10px;
}

.warnLink a:link{
	font-size: 14px;
	margin-left: 10px;
	color: orange;
}
.warnLink a:visited{
	text-decoration: none;
}
.warnLink a:active{
	text-decoration: none;
}
.warnLink a:hover{
	text-decoration: none;
	color: #ffffff;
}

.panelLink {
	color: #ffffff;
	font-size: 14px;
	margin-left: 0px;
}
.panelLink a{
	color: #000;
	font-size: 14px;
	margin-left: 0px;
}

.panelLink a:link{
	font-size: 14px;
	margin-left: 0px;
	color: #000;
}
.panelLink a:visited{
	text-decoration: none;
}
.panelLink a:active{
	text-decoration: none;
}
.panelLink a:hover{
	text-decoration: none;
	color: #cccccc;
}

/** MAIN **/

/* main-window */

#section_main {
	margin-top:5px;
}

span.feedbackPanelINFO{
	clear:both;
	float:left;
	padding:2px;
	/*display:block;*/
	margin-bottom:5px;
	/*display:none;*/
	border:1px solid;
	font-weight:bold green;
	width: 100%;
}
span.feedbackPanelWARNING{
	clear:both;
	float:left;
	padding:2px;
	/*display:block;*/
	margin-bottom:5px;
	/*display:none;*/
	border:1px solid #cccc33;
	font-weight:bold #cccc33;
	width: 100%;
}
span.feedbackPanelERROR{
	clear:both;
	float:left;
	padding:2px;
	/*display:block;*/
	margin-bottom:5px;
	/*display:none;*/
	border:1px solid;
	font-weight:bold red;
	width: 100%;
}

.main-window {
	clear:both;
	border-style:none;
	/*margin-top: 5px;*/
	margin-left:10px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	background:#FFF;
	/*overflow:auto;*/
	/*hiding ugly horizontal scrollbar in IE (FF does without anyway)
	overflow-x:hidden;
	*/
	/*overflow-x:auto;*/
	/*height: 70%;*/
	/*max-height: 70%;*/
}

.first{
	#width:72% !important;
}

.main-window table, .wicket-tree-table{
	width:99%;
	margin:0px;
	border-style:none;
	border-width:1px;
	border-color:#CCC;
}

.wicket-tree-table{
	margin:25px 0px 0px -1px !important;
}

div.wicket-tree-table div.header{
	background-color:#daddeb !important;
}

.main-window table tr{
	border-style:solid none;
	border-width:1px;
	border-color:#CCC;
}

.main-window table tr:hover{
	background-image:url(img/bg/org-grad-3.jpg);
}


.main-window th, .wicket-tree-table .header{
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#daddeb;
	margin-top:-1px;
}

div #listTitle {
	margin: 10px 0 -26px 0px;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 18px;
	background-image: url(img/bg/grey-grad-reverse.jpg);
	background-repeat: repeat-x;
	border-style:none;
	border-width:1px;
	border-color:#CCC;
}

.main-window th.wicket_orderUp{
	background-image:url(img/icons/django/arrow-up.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.main-window th.wicket_orderDown{
	background-image:url(img/icons/django/arrow-down.gif);
	background-repeat:no-repeat;
	background-position:left center;
}



/* filterbar*/
.sectionright {
	position: relative;
	margin: 0px 0px 0px 0px;
	float:right;
	width:250px;
	/*min-height:600px;*/
	/*background-color:#CCCCCC;*/
	border:1px dotted red;
	/*cursor:pointer;*/
	background-position:bottom;
	overflow:hidden;
}

.selectedFilter {
	background-image:url(img/icons/oxygen/dialog-ok-apply.png);
	background-repeat:no-repeat;
	color: #000 !important;
	background-color: #FFF;
	display: block;
	width: 100%;
	padding-left: 5px;
}

.filterbar {
	background: #97b6d5;
	background-image:url(img/bg/sidebar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
	margin:20px 15px 10px 10px;
	padding:0px;
	border: #333 nones 1px;
}

.filterbar h2 {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight:bold;
}

.filterbar h3 {
	padding-top: 10px;
	margin-bottom: 5px;
	margin-left:10px;
	font-weight:bold;
}

.filterbar p {
	padding-top: 3px;
	margin-bottom: 5px;
	margin-left:10px;
}

.filterbar table {
	margin-left: 10px;
}

.filterbar .inset{
	overflow-y:auto;
	overflow-x:hidden;
}

#filterbar table{
	margin:0;
	padding:0;
	width:100%;
}

.filterbar a{
	padding:0 0px 1px 18px;
	display:block;
	width:97%;
	color:#333;
}

.progressbar {
	text-align: center;
}

.feedentries li p {
	padding:2px;
	color:#333;
	border:#FFF solid 5px;
	background-color:#bccee4;
	border-left-style:none;
	padding:2px 3px 2px 4px;
	margin:0 0 10px 0;
	width:90%;
	font-size:0.9em;
}

.feedentries h3{
	margin:0 0 3px 6px;
	padding:0px;
}
.feedentries h4{
	margin:0 0 0 6px;
	font-size:smaller;
	font-style:italic;
}

/* leftmenu */

#leftmenu {
	border-style:none;
	background-color:#97b6d6;
	background-image:url("img/bg/blue-grad-hor.gif");
	background-position:right;
	background-repeat:repeat-y;
	padding-left:15px;
	margin: 0px 0px 0px 0px;
	#margin-top:1px; /* Only for IE6 */
}

.leftmenu-event{
	padding-top:35px;
	margin:15px 0 5px 5px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	overflow:hidden;
	width:150px;
}

/*** FORMS
@see http://www.quirksmode.org/css/forms.html
***/

label {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-top:0px;
	padding-top:0px;
}

form label {
	text-align: right;
	width: 180px;
	padding-right: 20px;
	margin-top: 5px;
	clear: both;
}

label.fullwidth {
	width: 95%;
	text-align: left;
	margin-bottom: 0.4em;
}

label.checkboxLabel {
  float: right;
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
  width: 240px;
}

br {
	clear: left;
}

/*##########################*/
/*
@see www.i-marco.nl/weblog/jquery-accordion-menu/
<!--[if lt IE 8]>
   <style type="text/css">
   li a {display:inline-block;}
   li a {display:block;}
   </style>
   <![endif]-->
*/

#leftmenu, #leftmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 12.3077em; /* width must be the same as yui-b */
}

#leftmenu a {
  display: block;
  text-decoration: none;
}

#leftmenu li {
  margin-top: 1px;
}

#leftmenu li a {
  color: #000;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.75em;
  background:#bacfe4 url(ijmg/icons/django/arrow-right-active.gif) no-repeat 2px 10px;
}


#leftmenu li a:hover{
  background:#FFF url(ijmg/icons/django/arrow-right.gif) no-repeat 2px 10px;
}

#leftmenu li span span.disabledlink {
  color: #999;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.75em;
  display:block;
  background:transparent;
}


.leftmenu span.disabledlink{
  background: #EEE;
}

.tab-row .disabledlink {
  display:none;
}

#leftmenu li ul li a {
  background:#bacfe4 url(img/icons/django/arrow-right.gif) no-repeat 2px 10px;
  color: #000;
  border-left: 3px #97b6d6 solid;
  padding-left: 20px;
}

#leftmenu li ul li a:hover {
  background:#bacfe4 url(img/icons/django/arrow-right-active.gif) no-repeat 2px 10px;
}

.navigatorLabel{
	margin-left:5px;
}

/** FOOTER **/

#ft{
    clear:both;
	/*border-top:1px solid gray;
	background-color:#FFF;
	background-repeat:no-repeat;*/
	color:#333;
	text-align:center;
	padding:3px 5px;
}

#ft .left{
	margin-top:4px;
	float:left;
}

#ft .right{
	float:right;
}

/** FORMAT **/

h2 {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#000;
}

/** ??? **/

#mainmenu{
	margin-bottom:10px;
}

/* left menu mode control. expertmode=only icons, standardmode=icons + text */
#middle-main.standardmode {
	margin-left:230px;
}

* html #middle-main.standardmode {  /* IE6 only layout hack */
	float: left;
	position: relative;
	margin-left: 0px;
}

.standardmode #imgShowRight {
	display:none;
}

.standardmode #imgShowLeft {
	display:block;
}

.standardmode .leftEventList {
	width:220px;
	overflow:auto;
}

#sectionleft.standardmode {
	width:220px;
}

#sectionleft.expertmode img.dart {
    float: left;
    margin: 2.5px 0px 0px 12px;
}

#middle-main.expertmode {
	margin-left:49px;
}

* html #middle-main.expertmode {  /* IE6 only layout hack */
	float: left;
	position: relative;
	margin-left: 0px;
}

.expertmode #imgShowRight {
	display:block;
}

.expertmode #imgShowLeft {
	display:none;
}

.expertmode .leftEventList {
	width:39px;
	overflow:hidden;
}

#sectionleft.expertmode {
	width:39px;
}


/*
html>body #middle-main {
	margin: 0px 0px 50px 230px;
	float:none;
}
*/

#yui-main {
	/*border-top:1px solid gray;*/
	/*width: 100%; 88%*/
	/*height: 70%;*/
	/*max-height: 70%;*/
	position: relative;
	margin: 0px 0px 100px 200px;
}
#yui-ge {
	/*height: 70%;*/
	max-height: 70%;
}
#doc3{
	height:100%;
}

/*** FORMS
@see http://www.quirksmode.org/css/forms.html
***/

label,.radioSelect input, i, select{
	display: block;
	float: left;
	margin-bottom: 10px;
	border-color:#333;
	border-width:1px;
}

.main window select,
.main window input,
.main window textarea{
	border:1px solid #333;
	margin:2px;
	width:300px;
}



.submit{
	margin:2px;
	/*padding-right:3px;
	padding-left:3px;*/
	padding:1px;
}




/*.submit2{
	width:164px;
	margin-top:10px;
}*/

/*
.submit3{
	width:96px;
	margin-top:10px;
}

.submit4{
	width:71px;
	margin-top:10px;
}
*/

select:focus, input:focus, textarea:focus{
	border:1px solid #000;
}

label {
	text-align: right;
	width: 180px;
	padding-right: 20px;
}

br {
	clear: left;
}

.fullsize {height:100%}


/*** MENU BEHAVIOUR ***/
.disabled {color:#7D7D7D;}


/*@see org.apache.wicket.markup.html.panel.FeedbackPanel; */
.feedbackPanelINFO{clear:both; color:green; font-weight:bold;}
.feedbackPanelWARNING{clear:both; color:#333333; font-weight:bold;}
.feedbackPanelERROR{clear:both; color:#ff0000; font-weight:bold;}

.feedbackPanelINFO a {
  color: blue;
  font-weight: normal;
}
.feedbackPanelINFO a:link{
  color: blue;
  text-decoration: none;
}
.feedbackPanelINFO a:visited{
  color: blue;
  text-decoration: none;
}
.feedbackPanelINFO a:active{
  color: blue;
  text-decoration: none;
}
.feedbackPanelINFO a:hover{
  color: blue;
  text-decoration: underline;
}


/*

*/
/*################# SWEET TITLES ######################### */


/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
	position:absolute;
	z-index:10001;
	width:220px;
	background:#959595;
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}

body div#toolTip p {
	margin:0;
	padding:0;
	color:#000;
	font:11px/12px verdana,arial,sans-serif;
}

body div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#f60;
	font-style:normal;
	font-weight:bold;
}

body div#toolTip p em span {
	font-weight:bold;
	color:#fff;
}

#simpleAppStyle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#simpleAppStyle fieldset {
	margin-left: 15px;
	margin-right: 15px;
}

#simpleAppStyle.dispatch {
	width: auto;
}

#simpleAppStyle label{
	width: 80px;
	margin-top:0px;
	padding-top:0px;
}

#simpleAppStyle a:link{
	text-decoration: underline;
}
#simpleAppStyle a:visited{
	text-decoration: none;
}
#simpleAppStyle a:active{
	text-decoration: none;
}
#simpleAppStyle a:hover{
	text-decoration: none;
	color: blue;
}

#simpleAppModalStyle {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	text-align: center;
}

#simpleAppModalStyle label{
	width: 110px;
	margin-top:0px;
	padding-top:0px;
}


/* this seems to be for SimpleWebPage only */
#wrap {
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	width: 370px;
	text-align: center;
}

#wrap2 {
	margin-top: -100px;
}

#wrap img {
	padding-bottom: 10px;
}

#wrap td {
	padding-bottom: 5px;
	vertical-align:top;
	margin-right: 0px;
}


#wrap label {
	width: 80px;
	padding: 0px;
}

#eventInfoBox {
	float: right;
	width: 350px;
	text-align:left;
}

#eventInfoBox legend {
	border-style: solid;
	border-width: 1px;
	background-color: #FFF;
	padding: 3px 5px;
}

#eventInfoBox fieldset {
	background-color: #FFF;
}

#eventInfoBox label {
	width: 8em;
	margin-top: 0px;
	padding-right: 5px;
}

#wrapz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	width: 450px;
	text-align: center;
}

#wrapz form {
	margin-top: 20px;
}

#wrapz label {
	width:125px;
}

#wrapzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 575px;
	text-align: left;
}

#wrapzz form {
	margin-top: 10px;
}

#wrapzz label {
	width:150px;
}

#wrapzzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	width: 400px;
	text-align: center;
}

#wrapzzz img {
	padding-bottom: 20px;
}

#wrapzzz form {
	margin-top: 25px;
	text-align: center;
}

#wrapzzz select {
	position: static;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 150px;
}

#wrapzzz label {
	width:150px;
}

#wrapzzzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 750px;
	text-align: center;
}

#wrapzzzz img {
	padding-bottom: 10px;
}

#wrapzzzz form {
	margin-top: 25px;
}

#wrapzzzz input.submit3 {
	position: absolute;
	width: 96px;
	/**margin-top: 10px;**/
	margin-left: 327px;
}

#wrapzzzz .lid-table {
	background-color:#daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size:10pt;
	margin:10px 0pt 15px;
	text-align:left;
	width:100%;
}

#wrapzzzz .lid-table thead tr th, .tablesorter tfoot tr th {
	font-size:10pt;
	padding:1px 4px 1px 14px;
	font-weight:bold;
}

#wrapzzzz .lid-table tbody td {
	color:#000; /*3D3D3D*/
	padding: 4px;
	vertical-align:top;
	border-spacing: 0px;
}

#wrapzzzz .lid-table tbody td.buttonSeq {
	width: 10px;
}

/* TABLE */
#wrapzzzz .lid-table tr.even{background-color:#FFF;} /*DADADA*/
#wrapzzzz .lid-table tr.odd{background-color:#daddeb;}
#wrapzzzz .lid-table tr.hover{background:url(img/bg/org-grad-3.jpg); border:1px solid #000;} /* #FF9700;*/

#wrapzzzz .lid-table  tbody td a{
	font-weight:normal;
	text-decoration:underline;
	}

#wrapzzzz tr.navigation, tr.navigation:hover {
	color:#666;
	padding-left:5px;
	padding-right:5px;
	background-color:#daddeb;
	background-image:url() !important;
	/*border-style:none;*/
}

#wrapzzzz .lid-table thead tr.navigation a{
	color:#000;
}

#wrapx {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 150px;*/
	/*width: 500px;*/
	width: 700px;
	text-align: left;
}

#wrapx form {
	margin-top: 30px;
	padding-left: 20px;
}


#wrapx label {
	width:150px;
	text-align: right;
}

#footer {
	color: black;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 23px;
	/*background-image: url(img/bg/login-footer-bg.png);
	background-repeat: repeat-x;
	background-position: top;*/
	text-align: center;
	font-size: 14px;
	padding-top:7px;
}

#footer a:link {
	color: #f07d06;
	text-decoration: none;
	font-weight:bold;
	padding:2px;
}

#footer a:hover {
	color: black;
	text-decoration: none;
}

.header_bg {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 30px;
	/*background-image: url(img/bg/login-header-bg.png);
	background-color: #B6BEC9;*/
}

#header {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 30px;
	/*background-image: url(img/bg/login-header-bg.png);
	background-repeat: repeat-x;
	background-position: left;*/
}

/* detail page */
.radioSelect {
	float: left;
}

.radioSelect label {
	text-align: left;
	margin-left: 10px;
}

.radioSelectRight {
	float: left;
}

.radioSelectRight label {
	margin-left: -213px;
}

legend {
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	float: left;
	/*margin-bottom: 10px;
	background-color:#FFF;*/
}

table.legend td {
	padding-left:10px;
	padding-right:10px;
	border: 1px dotted #AAAAAA;
	margin:1em;
}

table.legend td img {
	float: left;
    margin-right: 8px;
}

table.legend {
	border-spacing: 5px 10px;
	border: 1px solid #000000;
}

h1{
	font-size:22px;
	font-weight:bold;
	padding:15px;
}

fieldset {
    background-color: #e0e0e0;
    /*border: 1px solid #49250c;
    border-radius: 11px;*/
    clear: both;
    margin: 0.5em 0;
    padding: 0.5em 1.5em 1em;
    text-align:left;
}



/* auto complete text field */
div.wicket-aa {
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
	font-size: 12px;
	background-color: white;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px 0 0 0;
	text-align:left;
}
div.wicket-aa ul {
	list-style:none;
	padding: 2px;
	margin:0;
}

div.wicket-aa ul li.selected {
	background-color: #c0c0c0;
	padding: 2px;
	margin:-2px;
}

input, textarea, select {
    border: rgba(0, 0, 0, 0.2) solid 1px;
    /*border-color: #49250c;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;*/
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 1px;
    height: 25px;
}

input:focus, textarea:focus, select:focus{
	border-style:solid;
	border-color:#333;
}

/** jQuery Menu **/

ul.jd_menu_vertical {
	margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul.jd_menu ul, ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

ul.jd_menu_vertical {
	width: 300px;
}
ul.jd_menu_vertical li {
	float: none;
}
/* -- Sub-Menus -- */
ul.jd_menu ul,ul.jd_menu_vertical ul{
	position: absolute;
    display: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 15000;
}
ul.jd_menu ul li, ul.jd_menu_vertical ul li {
	background-color: #c2bbb0;
	float: none;
    margin: 0px;
}
ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {
	background-color: #c2bbb0;
}
ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {
	background-color: #c2bbb0;
	border-color:#999;
	border-style:none solid solid solid;
	#border-style:none none none none;
	border-width:1px;
}
ul.jd_menu ul ul{
}

ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
    font-size: 13px;
    #font-size: 12px;
    font-weight:lighter;
    color: #000;
    margin: 0px;
    padding: 4px 8px 3px 7px;
    height: 15px;
    cursor: pointer;
    white-space: nowrap;
    border-style:none;
	display:block;
	margin:2px 0 0 0;
}
ul.jd_menu li a{
    font-weight:normal;
	border-color:#999;
}
ul.jd_menu li li {
	width: 200px;
}
ul.jd_menu li a {
	color: #000;
    text-decoration: none;
}
ul.jd_menu ul {
	border-style:solid;
	border-width:1px;
	#border-style:none;
	margin-left:-1px;
	#margin-left:1px;
}

ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {
	background:url(img/bg/django-blue.gif);
	background-color:#B6BEC9;
}

.jd_menu{
	width:600px;
	/*float:left;*/
}

/* Login Page*/


.lg-main{
    height: fit-content;
    width:380px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #b6b6b6;
    border-radius: 5px;
}

/* common stuff */
.lg-hd, .lg-ft, .lg-main {


}

.search-box {
    padding: 2px 0 1px 18px;
	background:transparent white url(img/search.png) no-repeat scroll 0 0;
}

.hilite-tr {
	background-color:#72d13d;
}

.checkbox-multiple-choice {
	width: 370px;
	margin-left: 100px;
}
.checkbox-multiple-choice div {
	padding-left: 100px;
}
.checkbox-multiple-choice label {
	padding-left:10px;
	text-align: left;
}
.checkbox-multiple-choice label.checkbox-multiple-choice-main-label {
	width: 50px;
	padding-left:10px;
	text-align: left;
}
.checkbox-multiple-choice input:first-child {
	clear:none;
}
.checkbox-multiple-choice input {
	float: left;
	clear:left;
}

.usergroup-panel {
	display: inline-block;
}
.usergroup-panel label {
	text-align: left;
	width: auto;
	margin-bottom: 0px;
	padding-right: 5px;
}
.usergroup-panel input {
	height: auto;
	float: left;
	margin-right: 5px;
}
.usergroup-panel span {
	display: flex;
	padding-top: 5px;
}

.enum-values-table {
	width: 150px;
	margin-left: 100px;
}
.enum-values-table td {
	text-align: left;
	vertical-align: middle;
}
.enum-values-table tr {
	height: 25px;
}
.enum-values-table tr:hover {
	background-image: none;
}
.enum-values-table th {
	font-weight: bold;
	height: 25px;
}

.invitation-dispath-div table {
	width: 100%;
}
.invitation-dispath-div table tr {
	border-width: 0px;
}
.invitation-dispath-div table tr:hover {
	background-image: none;
}
/*-----------TabbedPanel4-----------*/
div.tabpanel4 div.tab-row ul {
	background:transparent url("tabs4/tab_bottom.gif") repeat-x scroll center bottom;
	height:20px;
	margin:0;
	padding-left:10px;
	padding-top:5px;
}
div.tabpanel4 div.tab-row li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.tabpanel4 div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
	background:#F3F3F3 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#666666;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin-right:4px;
	padding:2px 10px;
	text-decoration:none;
}
div.tabpanel4 div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a.active:visited {
	background:#FFFFFF none repeat scroll 0 0;
	border-bottom:1px solid #FFFFFF;
	color:#000000;
}
div.tabpanel4 div.tab-row a:hover {
	background:#FFFFFF none repeat scroll 0 0;
}
/*----------HeaderImage-----------*/
.headerLogo {
    height: 50px;
}
/*----------TabbedPanel2----------*/
div.tabpanel2 div.tab-row {
	height:50px;
	/*background-color:#cc6600;*/ /*B0C9E3;*/
	/*background:#369 url("tabs2/bg.gif") repeat-x bottom;*/
	/*background:url("img/bg/top_kaestchen_new.png") repeat-x;*/
	font-size:85%;
	margin:0px;
	border:0px;
	/*line-height:normal;*/
  }
div.tabpanel2 div.tab-row ul {
  margin:0;
  /*padding:0px 10px 0;*/
  list-style:none;
  }
div.tabpanel2 div.tab-row li {
  float:left;
  /*background:url("tabs2/right.gif") no-repeat right top;*/
  /*background:url("img/bg/bg_normalTab_right.png") no-repeat right top;*/
  /*background-color:transparent;*/ /*#cc6600;*/
  padding:0 0 0 0;
  background: #ffffff;
  border-right: #cccccc 2px solid;
  }
div.tabpanel2 div.tab-row a {
  float:left;
  display:block;
  /*background:url("tabs2/left.gif") no-repeat left top;*/
  /*background:url("img/bg/bg_normalTab.png") repeat-x left top;*/
  padding:8px 20px 10px 20px;
  text-decoration:none;
  font-weight:bold;
  font-size:130%;
  color: #000000; /*#999999;*/ /*6E6E6E;*/	/*#9cf;*/
  white-space:nowrap;
  border-bottom: #cccccc 2px solid;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.tabpanel2 div.tab-row a {float:none;}
/* End IE5-Mac hack */
div.tabpanel2 div.tab-row a:hover {
  color:#f07d06;
}
div.tabpanel2 div.tab-row li.selected {
  /*background-image:url("tabs2/right_on.gif");*/
  /*background-image:url("img/bg/bg_selectedTab_right.png");*/
  border-right: #f07d06 2px solid;
  border-left: #f07d06 2px solid;
  margin-left: -2px;
  }
div.tabpanel2 div.tab-row li.selected a {
  /*background-image:url("tabs2/left_on.gif");*/
  /*background-image:url("img/bg/bg_selected_Tab.png");*/
  background-position:top;
  color:#f07d06; /*#333*/
  background-color:#ffffff;
  padding-bottom:5px;
  font-size: 200%;
  border-bottom: #f07d06 2px solid;
}

/*--------------------------------*/

div#hiddenmenu {
	display: none;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background-color:#333333;
}

img.dart {
	float:right;
	margin-right:5px;
	margin-top: 2.5px;
}

div#sectionleft {
	clear:both;
 	overflow: hidden;
 	margin-top: 5px;
	/*background-color: #333333;*/
 	left: 0px;  /* for IE7 */
	float: left; /*only for IE6*/
	position: relative;
}
html>body div#sectionleft { /*not supported for IE 5 or 6*/
	float: none;
	position: absolute;
}

/*div#lefttop {
	height: 10px;
	background-color:#333333;
	background-image:url("img/bg/333333-grad-hor_lefttop.gif");
 	background-position: right top;
 	background-repeat:no-repeat;
 	display:none;
}*/

#leftmiddle {
	background-color: #eeeeee; /*97b6d6*/
	/*background-image:url("img/bg/blue-grad-hor.gif");*/
	/*background-position:right;
	background-repeat:repeat-y;*/
	padding: 20px 0px 5px 0px;
	/*min-height: 560px;*/
}

div.toolbar ul li:last-child a div.icontextcontainer {
    border: none;
}

.leftEventList {
	clear:both;
	/*height:460px;*/
	width: 220px;
	/*border:solid 1px grey;*/
	overflow: hidden;
	background-color: #eeeeee;
	/*padding:3px 3px 3px 3px;*/
	/*margin-left:5px;*/
}
#lefticonpanel {
	clear:both;
	/*height:450px;*/
}
#corner_left_top_inside {
	float:left;
	/*background-image:url("img/bg/333333_left_top_inside.gif");
	background-repeat:no-repeat;
	background-position: top left;*/
	height:10px;
	width:10px;
}
#corner_right_top_inside {
	float:right;
	/*background-image:url("img/bg/333333_right_top_inside.gif");
	background-repeat:no-repeat;
	background-position: top right;*/
	height:10px;
	width:10px;
}
#div_corner_inside {
    display: none;
	/*clear:both;
	height:10px;
	width:100%;*/
}
#div_corner_middle_inside {
	/*height:440px;*/
	width:100%;
}
#corner_left_bottom_inside {
	float:left;
	/*background-image:url("img/bg/333333_left_bottom_inside.gif");
	background-repeat:no-repeat;
	background-position: bottom left;*/
	height:10px;
	width:10px;
}
#corner_right_bottom_inside {
	float:right;
	/*background-image:url("img/bg/333333_right_bottom_inside.gif");
	background-repeat:no-repeat;
	background-position: bottom right;*/
	height:10px;
	width:10px;
}

#leftHelpText {
	height:230px;
	width: 120px;
	border:solid 1px grey;
	overflow: auto;
	background-color: #CCCCCC;
	padding:5px 5px 5px 5px;
	margin-left:8px;
	margin-top: 8px;
}

div#leftbottom {
	height: 15px;
	/*background-color:#333333;
	background-image:url("img/bg/333333_left_bottom.gif");
 	background-position: right;
 	background-repeat:no-repeat;*/
}

/*** Main window: edit, filter, search ***/
div.listcontainer {
	clear:both;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	color: #000;
	font-size: 110%;
    /*font-style: italic;*/
	/*height: 31px;*/
}

div.powerUser li {
	text-align: left;
	margin-bottom:0.5em;
}

div.powerUser {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

#dropDownEdit {
	float:none;
	position: relative;
	margin-top:5px;
	/*display:list-item;*/
}

.listedit {
	/*float: left;*/
	height: 42px;
	margin-left: 0px;
	margin-top: 5px;
	white-space:nowrap;
	/*border:solid 1px yellow;*/
}

.listfilter {
	float:left;
	height: 36px;
	margin-left: 0px;
	margin-top: 5px;
	white-space:nowrap;
	/*border:solid 1px red;*/
}
.filterwidth {
	width: auto !important;
	width: 265px;
}

.listsearch {
	float:left;
	height: 41px;
	margin-left: 0px;
	margin-top: 5px;
	white-space:nowrap;
	/*border:solid 1px yellow;*/
}
.searchwidth {
	width: auto !important;
	width: 310px;
}

.listipp {
	float:left;
	height: 36px;
	margin-left: 0px;
	margin-top: 5px;
	white-space:nowrap;
	/*border:solid 1px yellow;*/
}

.listeditleft {
    display: none !important;
	/*float:left;
	display:inline;
	background-image:url("img/bg/django-blue-revers-left.gif");
	background-color: #54534e;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	width: 12px;
	height: 42px;*/
}
.listeditmiddle {
	float: left;
	display:inline;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
	/*background-image:url("img/bg/django-blue-revers.gif");*/
	height: 41px;
	width: 100%;
	border-radius: 4px;
}
.listeditright {
    display: none !important;
	/*float:left;
	display:inline;
	background-image:url("img/bg/django-blue-revers-right.gif");
	background-color: #54534e;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	margin-right: 10px;
	width: 12px;
	height: 42px;*/
}

.selectRowColumn {
    width: 70px;
}

/*BEGIN OF CSS STYLE FOR PALETTE*/

/*Following Style is the,
 CSS Style for the palette form element on the InvitationDispatch side */
table.palette td.header {
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
    color: black;
	background-color: #cc6600;
	padding: 2px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

table.palette {
	border: 0;
}

table.palette td.pane {
	width: 100px;
	text-align: center;
}

table.palette td.pane select {
	width: 200px;
}

table.palette td.buttons {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

table.palette td.buttons button {
	width: 40px;
	height: 40px;
}

/* Fix a firefox (2.0.0.4) bug : https://bugzilla.mozilla.org/show_bug.cgi?id=382600 */
select::-moz-dummy-option {
	visibility: hidden;
	content: "";
}
/*END OF CSS STYLE FOR PALETTE*/


#bysy_indicator {
  display: none;
  background: rgb(255,241,168);
  margin-top: 5px;
  z-index: 1000;
  width: 200;
  font-weight: bold;
  text-align: center;
  font-size: 1em;
  clear: both;
  float:left;
}

.tooltip img {
  vertical-align: top;
}

.listVideo div {
  text-align: left;
  margin: 15px;
}

.invReplyLabels{
  text-align: right;
  font-weight: bold;
  color: orange;
}

.enum-value-label {
  padding: 0 0 0 200px;
}

.iconCell {
	text-align: center;
}

.headerLeft {
    align-self: center;
}

.headerMiddle {
	align-self: center;
	text-align: center;
	color: red;
	flex: 1;
}

.blink {
	animation: blinker 2s ease-in-out infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.headerRight {
    align-self: center;
    display: flex;
}

.localeSelect > select {
	margin-bottom: 0px;
}

.headerRight div {
    display: inline-block;
}
.header2Right {
	margin-right: 20px;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	float: right;
	/*padding-top: 15px;*/
	background-color: #f07d06;
}
.header2Right div {
    display: inline;
}
.support {
    font-size: 80%;
    margin-left:1em;
    margin-right:1em;
}
.support img {
    vertical-align: middle;
}
.loggedInAs {
    margin-left: 1em;
    margin-right: 1em;
    font-size: 80%;
}
.loggedInAs:empty {
    display: none;
}
.languageSelect {
    margin-left: 1em;
    margin-right: 1em;
}
.languageSelect select {
    display:inline;
    float:none;
    font-size:70%;
}
.linkbutton, .logout, .linkbuttonsmall {
	border:solid 1px grey;
    background-color:silver;
    border-radius: 5px;
    cursor:pointer;
}
.logout {
    padding:3px;
	font-size:80%;
	margin-top:3px;
    margin-right:20px;
    margin-left:1em;
}
.samlLogout {
	background-color:silver !important;
	margin-bottom: 0px;
	margin-top: 0px;
}
.samlLogout:hover {
	/* to disable input[type="submit"] default hover behaviour */
	background-color:silver;
}
.linkbuttonsmall {
	padding:3px;
	font-size:120%;
	font-weight: 700;
	display: inline-block;
	min-width: 60px;
}
.linkbutton {
    padding:1px;
	box-shadow: 4px 4px 2px #6E340E;
    font-size: 150%;
    padding: 0.5em 5em;
    text-align: center;
	background: -moz-linear-gradient(top, #c0c0c0 0%, #a0a0a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c0c0c0 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c0c0c0 0%,#a0a0a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c0c0c0 0%,#a0a0a0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c0c0c0 0%,#a0a0a0 100%); /* W3C */
}
.linkbutton a, .logout a {
    padding:1px;
}

/* HTML dialog class for modal window pages */
.dialog {
    margin: 0.5em;
}
.dialog h2 {
	font-size: 150%;
    margin-top:1em;
    margin-bottom:0.5em;
}
.dialog .detailform {
	margin-top: 2em;
	margin-left: 4em;
	margin-right: 4em;
	margin-bottom: 2em;
}
.dialog fieldset {
	padding-top:1.5em;
	padding-bottom:1.5em;
    text-align: left;
}
.dialog textarea {
    width:100%;
    height:12em;
}
.dialog form {
    margin-bottom: 1em;
}
div.buttons {
    text-align: center;
}
.dialog label {
    width: 120px;
}
.dialog label.fullwidth {
	width: 95%;
}

/*
Class loginfield is used on the loginPage for keeping the width equal to the password box.
*/
.loginField input{
	width:200px;
}
.loginForm input {
	width:200px;
    border-radius: 5px;
}

.standardLink a {
	color: blue;
}

.standardLink a:link{
	color: blue;
	text-decoration: none;
}
.standardLink a:visited{
	color: blue;
	text-decoration: none;
}
.standardLink a:active{
	color: blue;
	text-decoration: none;
}
.standardLink a:hover{
	color: blue;
	text-decoration: underline;
}

.ticketSelectionForm label{
	width: 120px;
}


.progressBarStandardLayout {
	width: 190px;
	height: 14px;
	background: url(img/progressBarBackground.gif);
	margin-left: 200px;
}

.progressBarLeft {
	align: center;
	text-align: center;
	margin: 10px 10px 5px 10px;
	min-height: 32px;
}

.progressBarLeftLayout {
	align: center;
	width: 190px;
	height: 14px;
	background: url(img/progressBarBackground.gif);
}

.progressBarError {
    clear: both;
	color: #ff0000;
	font-weight: bold;
}

.inviteLinkPanel {
	text-align: center;
}

.inviteLink{
    font-weight: bold !important;
}

.inviteActiveLink a {
    color: #f07d06 !important;
}

.inviteActiveLink{
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	color: #f07d06;
	/*background: #F36F18;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.uninviteActiveLink{
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	/*background: #7D7C7A;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.inviteNonActiveLink{
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	color: #bbbbbb;
	/*background: #C0C0C0;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.panelDescriptionText{
	margin: 2px;
	font-style: italic;
}

.filterCategoriesModalWindow td{
	width: 200px;
	height: 40px;
	text-align: left;
	padding-left: 10px;
}

.table-header {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
}

.info-table {
	background-color:#daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size:10pt;
	text-align:left;
	width:100%;
}

.info-table thead tr th {
	font-size:10pt;
	padding:1px 4px 1px 14px;
	font-weight:bold;
}

.info-table thead tr {
	background-color:f0dade;
}

.info-table tbody td {
	color:#000; /*3D3D3D*/
	padding: 1px;
	vertical-align:middle;
	border-spacing: 0px;
}

.info-table tr.even{background-color:#eaedf4;}
.info-table tr.odd{background-color:#daddeb;}

.info-table  tbody td a{
	font-weight:normal;
	text-decoration:underline;
}

.duplicate-table {
    width: 100%;
}

.duplicate-table tr:first-child td{
	background-color:#94e125;
}

.duplicateIcon {
    height: 24px;
}

.ticket-selection-table {
	background-color:#daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size:10pt;
	text-align:center;
}

.ticket-selection-table tr th {
	font-size:10pt;
	padding:1px 4px 1px 14px;
	font-weight:bold;
	text-align:center;
}

.ticket-selection-table thead tr {
	background-color:f0dade;
}

.ticket-selection-table tbody td {
	color:#000; /*3D3D3D*/
	padding: 4px;
	vertical-align:middle;
	border-spacing: 2px;
}

/*
  modal dialog window formatting
*/
.modal fieldset {
	text-align: left;
}

.modal form label {
	width: 140px;
}

.coursestatsearchlabel {
   padding-left: 5px;
   padding-right: 1em;
}

.coursestats td:first-child {
   padding-left: 5px;
}
.coursestats td {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 14em;
   padding-right: 2em;
}
table.coursestats {
   width:auto !important;
}

table.stats {
   width:auto !important;
}
.stats td:first-child {
   padding-left: 2em;
}
.stats td {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 14em;
   padding-right: 2em;
}
img.stats {
   margin: 2em;
}
table.stats td {
    font-weight: 600;
}
.subdetail {
   padding-left: 2.5em !important;
}

.formfield {
	clear: left;
}
/*
TAB DESIGN
*/
div.mytabpanel div.tab-row{
  width: 100%;
}

div.mytabpanel div.tab-row ul {
  margin:0;
  list-style:none;
}


div.mytabpanel div.tab-row li {
  border-top: 1px solid #3e6581;
  border-left: 1px solid #3e6581;
  border-right: 1px solid #3e6581;
  margin-right: 3px;
  display: inline;
}

div.mytabpanel div.tab-row a {
  text-decoration:none;
  font-weight:bold;
  color:#949494;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #e6e6e6;
}

div.mytabpanel div.tab-row li.selected a {
  color:#333;
  background-color: #ffffff;
}

div.formposition {
	position: absolute;
	margin-left: 202px;
}
div.i18nfield {
	margin-bottom: 10px;
}

div.i18nfield textarea {
    margin-left: 0px;
}

.tennisRankingBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/tennis_module_background.png');
	background: url(img/tennis_module_background.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.client-bmeia .tennisRankingBackground {
	background-image: url('img/tennis_module_background_bmeia.png');
	background: url(img/tennis_module_background_bmeia.png) no-repeat top center fixed;
}

.appointmentsBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/oew/background.png');
	background: url(img/oew/background.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.warning {
	color:red;
}

/*
  appointment comments formatting
*/


.timeslot_blocked {
	background-color: #f0a0a0;
}

.timeslot_blocked_self {
	background-color: #f0a0a0;
}

.timeslot_unconfirmed {
	background-color: #f0f0a0;
}

.timeslot_booked {
	background-color: #a0f0a0;
}

.timeslot_booked_self {
	background-color: #f0a0a0;
}

/* changes
.registration label{
	width: 90px !important;
}
end*/

/* workaround for Safari: */
.registrationStreet{
	clear: both;
}
.labelFieldContainer{
	clear: both;
}
.appointmentStats {
	color: green;
}
.number-col {
	align:right;
}
img.smallicon {
	vertical-align: middle;
	outline:none;
	background-image:none;
	border:none;
	width: 24px;
	height:24px;
}
.cbQuery {
	display:block;
}
.attributeList {
    margin-bottom: 1.5em;
    padding-left: 0.5em;
}
input[type="submit"] {
    /*box-shadow: 4px 4px 2px #6e340e;*/
    background-color: #e8e8e8;
}
input[type="submit"]:hover {
    background-color: #cccccc;
}
input[type="select"] {
    box-shadow: 4px 4px 2px #6e340e;
}
input[type="reset"] {
    box-shadow: 4px 4px 2px #6e340e;
}
input[type="button"] {
    box-shadow: 4px 4px 2px #6e340e;
}
.column {
	float:left;
}
.horizontalSeparator {
	clear:both;
}
iframe.payment {
	border:none;
	width:500px;
	height: 700px;
	margin-left: -100px;
}
.filterTrigger input[type="submit"] {
    box-shadow: 0 0 0 #FFFFFF;
}

.square {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    width: 300px;
}

.square .clr-field button {
    width: 22px;
    height: 22px;
    left: 5px;
    right: auto;
    border-radius: 5px;
}

.square input {
    width: 150px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    box-sizing: border-box;
}

.square .clr-field input {
    padding-left: 36px;
}

th.center {
	padding-left: 10px !important;
	padding-right: 10px !important;
	text-align:center;
}

div.center {
	margin-left: auto;
	margin-right: auto;
}
.right {
	text-align:right;
}

.right select {
	display: inline;
	float:none;
}
div.message {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}
table.ticket-selection {
	width: 100%;
	margin: 1em 0 2em;
	border: 1px;
}

/* payunity styles */
.cardSubmitButton {
	background: none repeat scroll 0 0 #EF5D00;
}
.cardSubmitButton:hover {
	background: none repeat scroll 0 0 #BF4D00;
}
.detailform {
	padding-bottom: 1.5em;
}
.importform {
    background-color: #cccccc;
}

.fa-check-circle:before {
    content: "";
    color: #73D62B;
    font-weight: 400px;
}
.fa-exclamation-circle:before {
    content: "";
    color: #dd3a0e;
    font-weight: 400px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

/* total amount for tickets in selection */
.totalAmount .value {
    float: right;
    margin-right: 4em;
}
.totalAmount {
    font-weight: bold;
}
.inline, .inline div {
	display:inline;
	float:none;
}
div.inline {
	float: left;
}
.formeditor .addbutton {
	float:right;
}
.main-window.formeditor table.lid-table {
	width:auto;
	margin: 1em;
}
.formeditor .elementselection label {
	float:left;
	width: 8.5em;
	text-align:left;
}
.buttongroup {
	float: left;
	margin: 1.5em;
	font-weight: bold;
}
.buttongroup .linkbutton {
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.actionicon {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.ticketCategoryTable{
	width: 50%;
}
.ticketCategoryDiv{
	width:70%;
	float:left;
}

.infobox {
	position: fixed;
	top: 50%;
    right: 10%;
    margin-right:15%;
    max-width: 300px;
}

.indicator {
	vertical-align: middle;
}

h2.smallpanel {
	/*background: url("img/bg/django-blue-revers.gif");*/
	background-color: #eee;
	padding-left: 5px;
	margin: 2px 0px 10px 0px;
	height: 20px;
	line-height: 20px;
	width: 100%;
	font-size: 1.1em;
	font-weight: normal;
	float: left;
	color: #000;
    border-radius: 4px
}
sup.beta {
	color: red;
}
.preview {
	vertical-align: text-top;
}
.mosaicoDesignContainer {
    display: inline-block;
}
.mosaicoDesign {
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.mosaicoDesign .description {
	margin-bottom: 0.5em;
}
.mosaicoDesign a {
    display: block;
    outline: 2px solid #333332;
    padding: 2px;
    width: 340px;
    height: 500px;
    overflow-y: auto;
}
.icontextcontainer {
	/*background-color: rgb(153, 153, 153);*/
}
.buttonChoice {
	margin:8px;
}
.buttonChoice input {
	margin:4px;
}

.emailHistoryStatus{
	font-weight: 600;
}

div.historyContainer{
	padding-top: 5px;
    padding-bottom: 5px;
}

.unsubscribeText{
	text-align: center;
	display: block;
	margin-bottom:10px;
}

.unsubscribeBtn{
	width: 100px;
}

.invSuccessPage{
	text-align: center;
	margin-top: 10px;
}

.mailIcon {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

/* Custom */
.mdSelect select {
  font-family: inherit;
  background-color: transparent;
  width: 100%;
  padding: 4px 0;
  font-size: 100%;
  color: #000000;
  border: 1px solid #aaaaaa;
}

.mdSelect select:focus {
  outline: none;
}

.attending-color {
    color: #5CAED5;
}

.ctrlbutton {
	font-style: normal;
    /*font-weight: 600;*/
	float: left;
	border: solid grey 1px;
	background-color: buttonface;
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 5px;
}

.externalFormIcon {
    width: 32px;
    height: 32px;
}

a.filterCategoryLink:link {
    color: #000;
}

a.filterCategoryLink:visited {
    color: #000;
}

.main-window div#printDocumentDetail table tr:hover {
    background: none;
}

.main-window div#printDocumentDetail .defaultSkin table.mceLayout {
    background: none;
    border: none;
}

.main-window div#printDocumentDetail .defaultSkin table.mceLayout tr.mceFirst td.mceToolbar {
    border-top: none;
    border-bottom: 2px solid #AAAAAA;
}

.main-window div#printDocumentDetail .defaultSkin table.mceLayout tr td.mceIframeContainer {
    border: none;
}

.main-window div#printDocumentDetail .defaultSkin table.mceLayout tr.mceLast {
    display: none;
}

.main-window div#printDocumentDetail .defaultSkin .mceButton {
    border: none;
}

.main-window div#printDocumentDetail .defaultSkin td.mceToolbar {
    background: none;
}

img.previewImage {
    width: 250px;
    min-width: 250px;
    vertical-align: middle;
}

div.previewPanelField {
    clear: left;
}

div.previewPanelField input[type="submit"], div.previewPanelField input[type="file"] {
    margin-bottom: 10px;
    width: 300px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0px;
}

div.previewPanelField input[type="submit"] {
    width: 302px;
}

.emptyVariableInput {
    background-color: #eee;
}

.variableInput {
    width: 300px;
    padding: 0;
}

.selectedVariableInput {
    background-color: #fff;
}

.mce_styleprops {
    display: none !important;
}

span.goto span.disabledlink {
	font-weight: bold;
	font-size: 11pt;
}

div.listedit div.listeditmiddle {
    padding: 2px;
}

span.parentEventNameContainer div.mytabpanel span {
    width: auto !important;
    border: none !important;
    margin-top: 5px;
}

div.groupCheckboxList label {
    clear: none;
}

.checkBoxGrid {
	display: grid;
 	grid-template-columns: 25px 25px 1fr;
 	grid-gap: 10px;
 	grid-template-areas: "col col label";
}

.checkBoxGrid.checkBoxColumnLabel {
    grid-area: label;
}

span.categoryNameLabel  {
    display: inline-block;
    margin-top: 5px;
}

.categoryIcon  {
    margin-top: 7px;
    margin-left: 5px;
    height: 12px;
}

.checkBoxGrid.checkBoxColumn {
    grid-area: col;
    text-align: center;
}

.weekDateGrid {
	display: grid;
 	grid-template-columns: 80px 1fr;
 	grid-gap: 10px;
 	grid-template-areas: "label col";
}

.weekDateGrid.weekDateColumnLabel {
    grid-area: label;
    vertical-align: top;
}

.weekDateGrid.weekDateColumnData {
    grid-area: col;
    display: inline-block;
}

span.dataPanelLabel {
    display: inline-block;
    padding-top: 5px;
}

div.contactCategories label {
    clear: none !important;
}

table.whoiswho {
	border-collapse: seperate;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    page-break-inside: auto;
}
table.whoiswho th {
	background: none !important;
	color: black !important;
    border: 1px solid black;
    padding-left: 6px !important;
    font-size: 14pt;
}
table.whoiswho tr {
	background: white;
	page-break-inside:avoid;
	page-break-after:auto
}
table.whoiswho td {
	text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 1px solid black;
}
table.whoiswho td img {
    width: 120px;
	height: 155px;
}
table.whoiswho .navigation {
    display: none;
}
table.whoiswho td {
    width: 150px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14pt;
    max-width: 150px;
}

table.whoiswho thead {
	display: none;
}

table.whoiswho-left {
	float: left;
}

table.whoiswho-right {
	display: inherit;
}

table.whoiswho-right td {
	border-left: none;
}
.filterBlocks div select, .filterBlocks div input{
	max-width:90%;
	margin-bottom:0px;
}
.filterCategoriesModalWindow input{
height:initial;
}

.headerLicenseeLogo {
	max-height: 45px;
	border-radius: 5px;
}

.headerLicenseeText {
	display: block;
	text-align:center;
    margin: 5px 0px
}

.igovWarning {
	display: inline-block;
	font-weight: bold;
	max-width: 350px;
	margin-bottom: 10px;
}

.icontextcontainer{
	display: flex;
	justify-content: space-between;
}
.pane select {
	height: 100%;
}


.rangeSlider {
  -webkit-appearance: none;
  height: 10px;
  border-radius: 5px;
  background: #f07d0638;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.rangeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f07d06;
  cursor: pointer;
}

.rangeSlider::-moz-range-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f07d06;
  cursor: pointer;
}
.minValueLabel{
margin-left:0px;
}
.maxValueLabel{
margin-right:0px
}
.rangeSliderWrapper{
  display: inline-block;
  min-width: 225px;
  margin-bottom: 10px;
}
.rangeSlider:disabled{
background-color:#c5c5c5;
}
.rangeSlider:disabled::-webkit-slider-thumb{
	background-color:black;
}
 .rangeSlider:disabled::-moz-range-thumb{
 	background-color:black;
 }
.rangeSliderLabelsWrapperList{
display:flex;
justify-content: space-between;
}
.externalLinkIcon{
max-width:20px;
image-rendering: pixelated;
}
.deletePhoto{
align-self: flex-start;
}

.colorMarkPanel {
	width: 25px;
	display: inline-block;
}
.colorMark {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.xlsFeedback {
	max-width: 260px;
    margin-left: 202px;
}

.redirectMessage {
	margin-top: 2em;

}