/* Calgary.ca v3.0 Styles */
/* For the customized CSS of Calgary.ca v3.0, please use cocui- as a prefix on any ID and classname.
When it is fully updated to v3.0, please change the prefix cocis- used before v3.0 to cocui- */

/* fix for legacy helper code */
.ui-helper-hidden-accessible {display:none;}

/* hide "wrapper" elements as soon as they've loaded in to the DOM if the "mode-iframe" class is present */
.mode-mobile.mode-iframe #cocis-header { display:none !important; }
.mode-mobile.mode-iframe #cocis-search { display:none !important; }
.mode-mobile.mode-iframe #cocis-translate { display:none !important; }
.mode-mobile.mode-iframe #cocis-floating-footerWrapper { display:none !important; }
.mode-mobile.mode-iframe .cocis-wrapper > footer { display:none !important; }

/* General CSS*/
.cocis-maincontent .cocui-bold,
#cocis-content .cocui-bold {font-weight: bold;}
.cocis-maincontent .cocui-clear,
#cocis-content .cocui-clear {clear:both;}

/* Button CSS */
.cocis-maincontent .cocui-btn,
.cocis-maincontent .cocui-btn:link,
#cocis-content .cocui-btn,
#cocis-content .cocui-btn:link {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	border-bottom-style: solid;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
.cocis-maincontent .cocui-btn:active,
#cocis-content .cocui-btn:active {
	text-shadow: none;
	}
.cocis-maincontent .cocui-btn-def,
#cocis-content .cocui-btn-def {
	padding: 5px 15px;
	font-size: 1rem;
	line-height:1.2rem;
	border-bottom-width: 3px;
	}
	.ie .cocis-maincontent .cocui-btn-def,
	.ie #cocis-content .cocui-btn-def {
		font-size: 10px;
		line-height:12px;
		}
.cocis-maincontent .cocui-btn-med,
#cocis-content .cocui-btn-med {
	padding: 12px 20px;
	font-size: 1rem;
	line-height:1.2rem;
	border-bottom-width: 3px;
	}
	.ie .cocis-maincontent .cocui-btn-med,
	.ie #cocis-content .cocui-btn-med {
		font-size: 13px;
		line-height:12px;
		}
.cocis-maincontent .cocui-btn-lrg,
#cocis-content .cocui-btn-lrg {
	padding: 15px 25px;
	font-size: 1.3rem;
	line-height: 1.6rem;
	border-bottom-width: 4px;
	}
	.ie .cocis-maincontent .cocui-btn-lrg,
	.ie #cocis-content .cocui-btn-lrg {
		font-size: 13px;
		line-height: 16px;
		}	
.cocis-maincontent .cocui-btn-xlrg,
#cocis-content .cocui-btn-xlrg {
	padding: 18px 30px;
	font-size: 1.6rem;
	line-height:1.9rem;
	border-bottom-width: 5px;
	}
	.ie .cocis-maincontent .cocui-btn-xlrg,
	.ie #cocis-content .cocui-btn-xlrg {
		font-size: 16px;
		line-height:19px;
		}
.cocis-maincontent .cocui-btn-red,
.cocis-maincontent .cocui-btn-red:link,
.cocis-maincontent .cocui-btn-red:visited,
#cocis-content .cocui-btn-red,
#cocis-content .cocui-btn-red:link,
#cocis-content .cocui-btn-red:visited {
	color: #fff;
	background: #bc1c38;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #bc1c38 0%, #9d0822 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc1c38), color-stop(100%,#9d0822));
	background: -webkit-linear-gradient(top, #bc1c38 0%,#9d0822 100%);
	background: -o-linear-gradient(top, #bc1c38 0%,#9d0822 100%);
	background: -ms-linear-gradient(top, #bc1c38 0%,#9d0822 100%);
	background: linear-gradient(to bottom, #bc1c38 0%,#9d0822 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1c38', endColorstr='#9d0822',GradientType=0 );
	border-bottom-color: #730416;
	}
.cocis-maincontent .cocui-btn-red:hover, 
.cocis-maincontent .cocui-btn-red:focus,
#cocis-content .cocui-btn-red:hover, 
#cocis-content .cocui-btn-red:focus {
	color: #fff;
	text-decoration: none;
	background-position: 0;
	background: #a20e27;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top, #a20e27 0%, #810b1f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a20e27), color-stop(100%,#810b1f));
	background: -webkit-linear-gradient(top, #a20e27 0%,#810b1f 100%);
	background: -o-linear-gradient(top, #a20e27 0%,#810b1f 100%);
	background: -ms-linear-gradient(top, #a20e27 0%,#810b1f 100%);
	background: linear-gradient(to bottom, #a20e27 0%,#810b1f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a20e27', endColorstr='#810b1f',GradientType=0 );
	border-bottom-color: #610817;
	}
.cocis-maincontent .cocui-btn-red:active,
#cocis-content .cocui-btn-red:active {
	color: rgba(255, 255, 255, .35);
	background-position: 0;
	background: #8a0c21;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top, #8a0c21 0%, #6b0a1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a0c21), color-stop(100%,#6b0a1a));
	background: -webkit-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: -o-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: -ms-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: linear-gradient(to bottom, #8a0c21 0%,#6b0a1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0c21', endColorstr='#6b0a1a',GradientType=0 );
	border-bottom-color: #4d0612;
	}
.lt-ie9 .cocis-maincontent .cocui-btn-red:active,
.lt-ie9 #cocis-content .cocui-btn-red:active {
	color: #c98691;
	}

.cocis-maincontent .cocui-btn-red.cocui-selected,
#cocis-content .cocui-btn-red.cocui-selected {
	color: rgba(255, 255, 255, .35);
	background-position: 0;
	background: #8a0c21;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top, #8a0c21 0%, #6b0a1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a0c21), color-stop(100%,#6b0a1a));
	background: -webkit-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: -o-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: -ms-linear-gradient(top, #8a0c21 0%,#6b0a1a 100%);
	background: linear-gradient(to bottom, #8a0c21 0%,#6b0a1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0c21', endColorstr='#6b0a1a',GradientType=0 );
	border-bottom-color: #4c0612;
	}
.lt-ie9 .cocis-maincontent .cocui-btn-red.cocui-selected,
.lt-ie9 #cocis-content .cocui-btn-red.cocui-selected {
	color: #c98691;
	}

.cocis-maincontent .cocui-btn-red.cocui-disabled,
#cocis-content .cocui-btn-red.cocui-disabled {
	pointer-events: none;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd8d9b', endColorstr='#ce8491',GradientType=0 );
	opacity: 0.5;
	}
.lt-ie9 .cocis-maincontent .cocui-btn-red.cocui-disabled,
.lt-ie9 #cocis-content .cocui-btn-red.cocui-disabled {
	border-bottom-color: #b9828b;
	}
.ie9 .cocis-maincontent .cocui-btn-red.cocui-disabled,
.ie9 #cocis-content .cocui-btn-red.cocui-disabled {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1c38', endColorstr='#9d0822',GradientType=0 );
	}