/* 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- */



/* 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 .ms-rtestate-field .cocui-btn,
.cocis-maincontent .ms-rtestate-field .cocui-btn:link,
#cocis-content .ms-rtestate-field .cocui-btn,
#cocis-content .ms-rtestate-field .cocui-btn:link,
#cocis-headerBrowseNav .cocui-btn  {
	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,
#cocis-headerBrowseNav .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,
#cocis-headerBrowseNav .cocui-btn-med {
	padding: 12px 20px;
	font-size: 1.3rem;
	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,
#cocis-headerBrowseNav .cocui-btn-red {
	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-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 );
	}



/*rec css*/
/* for recreation site please create the class name use .cocui-btn-rec- */

.cocis-maincontent .cocui-btn-rec-blue,
.cocis-maincontent .cocui-btn-rec-blue:link,
.cocis-maincontent .cocui-btn-rec-blue:visited,
#cocis-content .cocui-btn-rec-blue,
#cocis-content .cocui-btn-rec-blue:link,
#cocis-content .cocui-btn-rec-blue:visited {
	color: #fff;
	background: #0b5c95; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #0b5c95 0%, #00557f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b5c95), color-stop(100%,#00557f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b5c95 0%,#00557f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b5c95 0%,#00557f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b5c95 0%,#00557f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b5c95 0%,#00557f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5c95', endColorstr='#00557f',GradientType=0 ); /* IE6-8 */
	border-bottom-color:#004060;
	}
.cocis-maincontent .cocui-btn-rec-blue:hover, 
.cocis-maincontent .cocui-btn-rec-blue:focus,
#cocis-content .cocui-btn-rec-blue:hover, 
#cocis-content .cocui-btn-rec-blue:focus {
	color: #fff;
	text-decoration: none;
	background-position: 0;
	background: #084f7a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #084f7a 0%, #1f3c52 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084f7a), color-stop(100%,#1f3c52)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #084f7a 0%,#1f3c52 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #084f7a 0%,#1f3c52 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #084f7a 0%,#1f3c52 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #084f7a 0%,#1f3c52 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084f7a', endColorstr='#1f3c52',GradientType=0 ); /* IE6-8 */
	border-bottom-color: #081e2e;
	}
.cocis-maincontent .cocui-btn-rec-blue:active,
#cocis-content .cocui-btn-rec-blue:active {
	color: rgba(255, 255, 255, .35);
	background-position: 0;
	background: #174b6f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #174b6f 0%, #183041 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#174b6f), color-stop(100%,#183041)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #174b6f 0%,#183041 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #174b6f 0%,#183041 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #174b6f 0%,#183041 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #174b6f 0%,#183041 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174b6f', endColorstr='#183041',GradientType=0 ); /* IE6-8 */
	border-bottom-color: #05121c;
	}
.lt-ie9 .cocis-maincontent .cocui-btn-rec-blue:active,
.lt-ie9 #cocis-content .cocui-btn-rec-blue:active {
	color: #688aa1;
	}
.cocis-maincontent .cocui-btn-rec-blue.cocui-rec-disabled,
#cocis-content .cocui-btn-rec-blue.cocui-rec-disabled {
	pointer-events: none;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5c95', endColorstr='#00557f',GradientType=0 ); /* IE6-8 */
	opacity: 0.5;
	}
.lt-ie9 .cocis-maincontent .cocui-btn-rec-blue.cocui-rec-disabled,
.lt-ie9 #cocis-content .cocui-btn-rec-blue.cocui-rec-disabled {
	border-bottom-color: #004060;
	}

.cocui-btn-grey {
	color: #fff !important;
	background: #555;
	border-bottom-color: #444;
	}
cocui-btn-grey:active {
	color: rgba(255, 255, 255, .35) !important;
	background-position: 0;
	background: #555;
	border-bottom-color: #666;
	}
cocui-btn-grey:visited {
	color: rgba(255, 255, 255, .35) !important;
	}
.lt-ie9 cocui-btn-grey:active {
	color: #aaa;
	}