/**
 Form styles
 */

#formDiv {
	width: 100%;
	max-width: 1200px;
}
.cfinputbox {
	border: 1px solid grey;
	border-radius: 15px;
	margin-bottom: 1em;
}

.boxhead {
	padding: 1em 0 0 .57em;
	font-size: 1.75em;
	font-weight: bold;
}

.boxbody {
	padding-bottom: 1em;
}

.boxbody .cfrow {
	display: flex;
	flex-flow: row nowrap;
	align-items: top;
	width: 100%;
}

.boxbody .cfrow .label {
	width: 200px;
	text-align: right;
	padding: 1em;
	color: black;
}

.boxbody .cfrow .field {
	padding: .5em;
	flex: 1;
}

.boxbody .cfrow .field input[type="text"],
.boxbody .cfrow .field select,
.boxbody .cfrow .field textarea {
	padding: .5em;
	width: 100%;
	box-sizing: border-box;
	background-color: white;
	height: auto;
}

.boxbody .cfrow .field input[type="radio"],
.boxbody .cfrow .field input[type="checkbox"] {
	width: 2em;
	height: 2em;
	background-color: white;
}

.calendarbuttons {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1em;
}
.calendarbuttons a {
	padding: 1em;
}

.calendarbuttons a,
.boxbody .cfrow .field input[type="submit"] {
	padding: .75em 2em;
	border-radius: 5px;
	border: none;
	color: #fff !important;
	font-size: 1.25em;
	background-color: #3E7DA6;
	text-decoration: none;
	margin: 1em 1em 0 0;
}

.calendarbuttons a:hover,
.boxbody .cfrow .field input[type="submit"]:hover {
	color: #fff !important;
	background-color: #5185a5;
	cursor: pointer;
}

.currentcalendarpage,
.calendarbuttongrey {
	border: none;
	border-radius: 2px;
	background-color: #c3c3c3;
	color: #323232;
	margin: 0.5em;
	padding: 0.25em 0.75em;
}
.calendarbuttongrey:hover {
	cursor: pointer;
	background-color: #f1f1f1;
	color: #222222;
}

.currentcalendarpage {
	background-color: white;
}


@media (max-width: 1200px) {

	.boxbody .cfrow .field input[type="submit"],
	.calendarbuttons a {
		width: 100%;
		margin: 0 0 1em 0;
		text-align: center;
	}

	.boxbody .cfrow {
		flex-flow: column;
		margin: 0;
	}

	.boxbody .cfrow .label {
		width: 100%;
		text-align: left;
		padding: 1.5em 0 .5em 1em;
	}

	.boxbody .cfrow .field {
		width: 100%;
		box-sizing: border-box;
		padding: 0 1em;
	}

}


/***************************************************************/
/** CSS Float containers fix: **/
/** http://www.csscreator.com/attributes/containedfloat.php  **/
/***************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {

}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/************************************************************************************************************************************************************************
Defaults - individual site CSS may overwrite
************************************************************************************************************************************************************************/

.eventsContainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.calendaritem {
	width: 100%;
	max-width: 450px;
	border: 1px solid grey;
	margin: .5em;
	padding: 1em;
	display: flex;
	flex-flow: column;
}

.calendaritemtitle {
	width: 100%;
	background-color: #505050;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 1em;
}
.calendaritemheader {
	width: 100%;
	background-color: #dddddd;
	text-align: center;
	padding: 1em;
}

.coursebox {
	/* old calendar coursebox color */
	/*background-color: #f5f6d4;*/
	/* cca green */
	background-color: rgba(0, 153, 77, 0.15);
	/*background-color: #cccccc;*/
}
.acseventbox {
	/* old calendar eventbox color */
	/*background-color: #dbbf9b; */

	background-color: rgba(27, 70, 114, 0.2);
	/*background-color: #cccccc;*/
}

.ceu {
	/*background: url(/sites/all/modules/acs/meetings/acsCalendar/images/ceu-seal.png) no-repeat left;*/
	background-color: rgba(0, 153, 77, 0.75);
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 1em;
	width: 100px;
}

.pendingceu {
	/*background: url(/sites/all/modules/acs/meetings/acsCalendar/images/ceu-pending-seal.png) no-repeat left;*/
	background-color: rgba(225, 114, 0, 0.75);
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 1em;
	width: 170px;
}

.noceu {
	display: none;
}

.calendarinfotable {
	margin-top: 1em;
}
.calendarinfotable .citrow {
	margin-bottom: .25em;
	display: flex;
	flex-flow: row nowrap;
}
.calendarinfotable .citrow .citcol1 {
	width: 100px;
	text-align: right;
}
.calendarinfotable .citrow .citcol2 {
	text-align: left;
	padding-left: .5em;
	width: 100%;
	overflow: hidden;
}

@media (max-width: 1000px) {
	.eventsContainer {
		flex-flow: column;
	}
	.calendaritem {
		max-width: 1000px;
		width: auto;
	}
}

/*!** course Box **!*/
/*.coursebox {*/
/*	width: 600px;*/
/*	background: #f5f6d4;*/
/*	font-size: 100%;*/
/*    border-radius: 12px;*/
/*	margin-bottom: 30px;*/
/*	-webkit-box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*	box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*}*/
/*.courseboxCEU {*/
/*	width: 600px;*/
/*	background: url(/sites/all/modules/acs/meetings/acsCalendar/images/ceu-seal.png) no-repeat bottom right #f5f6d4;*/
/*	font-size: 100%;*/
/*    border-radius: 12px;*/
/*	margin-bottom: 30px;*/
/*	-webkit-box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*	box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*}*/
/*.coursebox .boxhead,*/
/*.courseboxCEU .boxhead {*/
/*	background: #372413;*/
/*	border-radius: 12px 12px 0px 0px;*/
/*}*/

/*!** event Box **!*/
/*.eventbox {*/
/*	width: 600px;*/
/*	font-size: 100%;*/
/*    border-radius: 12px;*/
/*	margin-bottom: 30px;*/
/*	-webkit-box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*	box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*}*/
/*.eventboxCEU {*/
/*	width: 600px;*/
/*	background: url(/sites/all/modules/acs/meetings/acsCalendar/images/ceu-pending-seal.png) no-repeat bottom right #dbbf9b;*/
/*	font-size: 100%;*/
/*    border-radius: 12px;*/
/*	margin-bottom: 30px;*/
/*	-webkit-box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*	box-shadow: 0 0 10px rgba(55, 55, 55, 0.5);*/
/*}*/
/*.eventboxCEU .boxhead {*/
/*	background: #372413;*/
/*	border-radius: 12px 12px 0px 0px;*/
/*}*/

/*.eventboxCEU .boxhead h4 {*/
/*	!*background: url(/sites/all/modules/acs/meetings/acsCalendar/images/brownHead-l.gif) no-repeat top left;*!*/
/*}*/

/*!* CSS3 Updates - fixing new theme link colors unreadable on old backgrounds and using CSS3 instead of images *!*/
/*.eventbox {*/
/*	margin-bottom: 30px;*/
/*    !*box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);*/
/*	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);*/
/*	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);*/
/*	-o-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);*!*/
/*	*/
/*	background: none repeat scroll 0 0 #DDDDDD;*/
/*    border-radius: 12px;*/
/*	!*border-left: 1px solid #AAAAAA;*!*/
/*}*/

/*.eventbox .boxhead {*/
/*	background: none repeat scroll 0 0 #311;*/
/*    border-radius: 12px 12px 0 0;*/
/*}*/


/*
.starburst {
	display:block;
	width:50px;
	height:50px;
	background:#ffd81c;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-45deg;
	position:absolute;
	bottom:2em;
	right:2em;
	text-align:center;
	text-decoration:none;
	color:#c24f0a;
	font-weight:bold;
	font-family:Arial, sans-serif;
}
.starburst div {
	display:block;
	width:50px;
	height:50px;
	background:#ffd81c;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
}

.starburst div p {
	font-size: 20px;
    line-height: 1;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.starburst div p .pendingCeu {
	font-size: 13px;
}
*/