@import url("global_styles.css");

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

body {
	background-color: #E2E2E2;
}

textarea {
	resize: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.0em;
}

.delimiter {
	clear: both;
	height: 0.3em;
}

.globalHeading {
	width: 100%;
	color: #555;
	margin: 0em auto 0 auto;
	font-size: 3em;
	padding: 0 0 0.5em 0.25em;
}

.globalHeadingContainer {
	width: 100%;
	background-color: white;
}

.headerLinkSeperator {
	float: left; 
	padding: 0.4em 0.5em 0.4em 0.5em;
	background-color: #004178;
	color:#FFF;
}
	
.headerImage {
	float: left; 
	padding-top: 0.0em;
}

.headerLinks {
	float: right; 
	margin-top: 0.5em;
}

.eventContent{ width: 65%; float:left;}

/** EVENT LIST DISPLAY **/
.mainEventListContent {
	width: 100%;
	font-size: 1.5em;
	color: #555;
	display: block;
	margin: 0;
	padding: 0 0.5em 1em;
}

.mainEventListContent input[type='text'],.mainEventListContent select {
	border: 0px solid #bfbfbf;
}

.eventListBlock {
	float: left;
	width: 50%;
	padding-bottom: 0.4em;
	padding-right: 0.3em;
}

.eventListBlockInner {
	background-color: white;
	padding: 0.3em;
}

.eventHeading {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5em;
	color: #004178;
}

.eventListSearchBox {
	float: left;
	width: 100%;
	border: 0;
}

.eventListSearchLabel {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0.5em;
	padding-top: 0.1em;
}

.eventListSearchButton {
	float: right;
	padding: 0.3em 0.5em 0.3em 0.5em;
	font-size: 0.7em;
	width: auto;
	background-color: #2368bc;
	color: white;
	cursor: pointer;
}

.eventListSearchButton:hover {
	background-color: #004178;
}

.tdLabelInner {
	white-space: nowrap;
	width: 100%;
}

.filterArea {
	min-height: 2.5em;
	color: white !important;
	padding-left: 0;
}

.searchBoxContainer {
	float: left;
	white-space: nowrap;
	padding-top: 0.5em;
	padding-left: 0;
}

.searchBoxContainerInner {
	background-color: white;
}

.searchBoxInnerContainer {
	float: left;
}
	
.filterCombobox {
	float: right; 
	margin-top: 0.54em; 
	color: #494949; 
	background: none;
}

.pageNavTable {
	width: 100%; 
	cursor: default; 
	font-size: 0.8em; 
	margin-bottom: 0.3em;
}

.resultsTableCell {
	width: 20%; 
}

.pageNavCell {
	white-space: nowrap; 
	text-align: center; 
	width: 60%;
}

.eventGrid {
	cursor: default; 
	font-size: 0.9em;
}

.eventBlock {
	cursor: pointer;
}

.iconSearch{
	float: right; 
	width: 24px; 
	height: 21px; 
	margin-top: 0.1em;
	background: transparent url("./icons_general.png") no-repeat; 
	background-position: -144px 0px; 
	cursor: pointer;
}


/** EVENT DISPLAY **/
.mainEventContent {
	font-size: 1.5em;
	color: #555;
	width: 100%;
	display: block;
	margin: 0em auto 0em auto;
	padding:1em 0.5em 0;
}

.eventData, .eventDisplayData {
    min-width: 75%;
}

.eventDataLabel, .eventDisplayDataLabel {
	float: left;
	width: 35%;
	max-width: 15em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 1em;
	color:#004178;
}

.eventDataContent, .eventDisplayDataContent {
	float: left;
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eventDataContentFullLine {
	float: left;
	width: 100%;
}

.eventRichtText{padding-top:1em;}

.sessionListRow {
	margin-left: 0.2em;
	cursor: pointer;
	background-color: white;
	border-top: 1px solid #bfbfbf;
}

.sessionListRow:hover {
	background-color: #FEB;
}

.sessionList>.sessionListRow:last-child {
	border-bottom: 1px solid #bfbfbf;
}

.sessionListElement {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0.2em 0 0 0;
	float:left;
}

.sessionNameColumn{ float: left;}

.attachment {
	float: left;
	margin-right: 1em;
	font-size: 0.9em;
}

.attachment img {
	margin: 0 0.3em 0.2em 0;
}

.buttonSeparator {
	float: left;
	background-color: #AAA;
	font-size: 0.4em;
	width: 0.4em;
	height: 4em;
	margin-left: 3em;
	margin-right: 3em;
	margin-top: 0.5em;
}

/** FORMS **/
.mainFormContent {
	font-size: 1.5em;
	color: #555;
	width: 90%;
	display: block;
	padding: 1em;
	margin: 0em auto 0 auto;
}

.mainFormContentInner {
	width: 100%;
	padding: 0 0 0.5em 0.66em;
}

.mainFormContent input[type='text'],textarea {
	border: none;
}

.elementLabelOuter,.elementLabelOuterEmpty {
	float: left;
	border: 0;
	width: 35%;
}

.elementLabelInner {
	width: 100%;
}

.elementEditboxOuter {
	float: left;
	border: 0;
	width: 60%;
}

.elementEditboxInner {
	width: 100%;
}

.elementRadioboxOuter {
	float: left;
	border: 0;
	width: 60%;
}

.elementRadioboxOuterFullLine {
	float: left;
	border: 0;
	width: 100%;
}

.elementRadioboxInner {
	border: 0;
	padding: 0;
}

.elementRadioboxInner table {
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.elementRadioboxInner td {
	padding-left: 1em;
}

.elementRadioboxInner td:first-child {
	padding-left: 0;
}

.elementEditboxInner {
	width: 100%;
}

.mandatory,.mandatoryEmpty {
	float: left;
	width: 3%;
	text-align: right;
	margin-top: 0.2em;
	color: #E55;
}

.responsiveCleaner {
	display: none;
}

.validationError {
	background-color: #FDA;
}

.captchaImage {
	float: left;
	background-color: white;
}

.captchaImage img {
	cursor: pointer;
}

.captchaInput {
	float: left;
	padding: 0 0 0 0.5em;
}

.captchaInput input {
	width: 5em;
}

.captchaInputText {
	height: 1.5em;
}



@media only screen and (min-device-width : 285px) and (max-device-width : 775px) and (max-aspect-ratio: 13/9),
	only screen and (min-width: 285px) and (max-width : 775px) and (max-resolution: 100dpi) {
	
	.eventDisplayDataLabel{white-space: normal; overflow:visible; width:100%;}
	.eventDisplayDataContent{width:100%;}
	
}

@media only screen and (min-device-width : 285px) and (max-device-width : 900px) and (max-aspect-ratio: 13/9),
	only screen and (min-width: 285px) and (max-width : 900px) and (max-resolution: 100dpi) {
	
	.eventDisplayData{min-width:90%;}
}

	
@media only screen and (min-device-width : 1px) and (max-device-width : 767px) and (max-aspect-ratio: 13/9),
	only screen and (min-width: 1px) and (max-width : 845px) and (max-resolution: 100dpi) {
	
	.eventListBlock{width:100%;}
	.searchBoxContainer{width:300px}
	.searchBoxInnerContainer{width:275px;}
	.eventData{width:100%;}
	
	/** Event **/
	.eventDataLabel, eventDisplayDataLabel{white-space: normal; overflow:visible; width:100%;}
	.eventDataContent{width:100%;}
	.elementButtonOuter{ margin-left: 0 !important; margin-right: 1.5em; margin-top: 0.5em; margin-bottom:1em;}
	.buttonSeparator{margin-left:-1.5em; margin-right:2em; height:3em; margin-top:1.75em !important;}
	
	/** Session **/
	.sessionNameColumn{float:none; width:100% !important;}
	.sessionListElement{width:100% !important;}
	.sessionListRow{margin-left:0px;}
	


}

@media only screen and (min-width: 845px) and (max-resolution: 100dpi){

	.searchBoxContainer{width:300px;}
	.searchBoxInnerContainer {width:275px;}
		
}

@media only screen and (min-width: 1px) and (max-width : 650px) and (max-resolution: 100dpi) {
	
	.elementEditboxOuter{border: 0 none; float: none; width: 100%;}
	.elementLabelOuter, .elementLabelOuterEmpty{border: 0 none; float: left; width: auto;}
	.mainFormContent{width:100%;}
	.mainFormContentInner{padding-left:0;}
	
	.elementRadioboxOuter{width:100%;}
}

@media only screen and (min-device-width : 1px) and (max-device-width : 695px){ 
	
	.eventListBlock{width:100%;}
	.headerImage{float:none;}
	.headerLinks{float:none;}
	.eventData{width:100%;}
	.elementRadioboxOuter{width: 100%}
	.searchBoxContainer{width:300px;}
	.searchBoxInnerContainer {width:275px;}
	
	/** Event **/
	.eventDataLabel, eventDisplayDataLabel{white-space: normal; overflow:visible; width:35%;}
	.eventDataContent{width:65%;}
	.elementButtonOuter{ margin-left: 0 !important; margin-right: 1.5em; margin-top: 0.5em; margin-bottom:1em;}
	.buttonSeparator{margin-left:-1.5em; margin-right:2em; height:3em; margin-top:1.75em !important;}
	
	/** Session **/
	.sessionNameColumn{float:none; width:100% !important;}
	.sessionListElement{width:100% !important;}
	.sessionListRow{margin-left:0px;}
	
	/** Form **/
	.elementEditboxOuter, elementRadioboxOuter{border: 0 none; float: none; width: 100%}
	.elementLabelOuter, .elementLabelOuterEmpty{border: 0 none; float: left; width: auto;}
	.mainFormContent{width:100%;}
	.mainFormContentInner{padding-left:0;}
}

@media only screen and (min-device-width : 696px) and (max-device-width : 1249px) and (max-aspect-ratio: 13/9) {
	.eventListBlock{width:100%;}
	.headerImage{float:none;}
	.headerLinks{float:none;}
	
	.searchBoxContainer{width:300px;}
	.searchBoxInnerContainer {width:275px;}

	
	/** Event **/
	.elementButtonOuter{ margin-left: 0 !important; margin-right: 1.5em; margin-top: 0.5em; margin-bottom:1em;}
	.buttonSeparator{margin-left:-1.5em; margin-right:2em; height:3em; margin-top:1.75em !important;}
}

@media only screen and (min-device-width : 696px) and (max-device-width : 1249px) and (min-aspect-ratio: 13/9),
	only screen and (max-width: 1249px) and (max-resolution: 100dpi),
	only screen and (max-width: 1249px){
	.eventListBlock{width:100%;}
	.elementEditboxInner{width:100%;}
	
	/** Event **/
	.eventDataLabel{white-space: normal; overflow:visible; width:35%;}
	.eventContent{width:65%;}
	.elementButtonOuter{ margin-left: 0 !important; margin-right: 1.5em; margin-top: 0.5em; margin-bottom:1em;}
	.buttonSeparator{margin-left:-1.5em; margin-right:2em; height:3em; margin-top:1.75em !important;}
}

@media only screen and (min-width: 1249px) and (max-resolution: 100dpi),
	only screen and (min-width: 1249px) {
	.eventListBlock{width:50%;}
	.eventsContainer>div{display: block;} 
	.eventsContainer>div:nth-child(2n){display: none;} 
	.eventsContainer>div:nth-child(4n){display: block;} 
}

@media only screen and (min-width: 1921px) and (max-resolution: 100dpi),
 only screen and (min-width: 1921px){
	.eventListBlock{width:33.33%;}
	.eventsContainer>div{display: block;} 
	.eventsContainer>div:nth-child(2n){display: none;} 
	.eventsContainer>div:nth-child(6n){display: block;} 
}

@media only screen and (min-width: 2300px) and (max-resolution: 100dpi),
only screen and (min-width: 2300px){
	.eventListBlock{width:25.00%;}
	.eventsContainer>div{display: block;} 
	.eventsContainer>div:nth-child(2n){display: none;} 
	.eventsContainer>div:nth-child(8n){display: block;} 
}


/** OVERRIDE DOJO **/
.mainEventContent .dijitButtonNode {
	background: none !important;
	background-color: white !important;
	font-size: 0.925em;
	border: none;
}

.mainEventContent .dijitDropDownButton {
	background: none !important;
	background-color: white !important;
	font-size: 0.925em;
}

.dijitMenuItemLabel {
	font-family: verdana !important;
	font-size: 1.3em;
}

.tundra .dijitMenu {
	border: none;
}

.tundra .dijitMenuItem {
	height: 2em;
}

.tundra .xspInputFieldRichText {
	background: none;
}

.lineCleaner{clear:both; display:none;}