/*
/////////////////////////////////////////////////////////////////
    Main Logo
/////////////////////////////////////////////////////////////////
*/
.logo-img{
	padding: 26px 0px 14px 0;
}
.logo-img h1{
	margin-bottom:0;
}
.logo-img img#logo{
	width:225px;
	height:54px;
}

@media only screen and (max-width: 520px) {
.branding-data{
	width:100%;
}
.logo-img{
	width:100%;
}
.logo-img img#logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
	width:225px;
}
}

/*
/////////////////////////////////////////////////////////////////
    General
/////////////////////////////////////////////////////////////////
*/
.heading h1, h1.heading {
	background: transparent url('../images/titlesquare.png') no-repeat left top;
	border-spacing: 5px 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 2.5em;
    font-weight: bold;
    line-height: normal;
	padding: 5px;
	color: #AF1E2D;
	display: block;
	margin-bottom:16px;
	padding-left:60px;
	padding-top:12px;
	min-height:50px;
}

.heading h2, h2.heading {
	background: transparent url('../images/titlesquaresmall.png') no-repeat left top;
	border-spacing: 5px 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
    font-weight: bold;
    line-height: normal;
	color: #AF1E2D;
	display: block;
	margin-bottom: 8px;
	padding-left:30px;
	padding-top:6px;
	min-height:25px;
}

.article-list-container {
	border-top: 1px solid #CCC;
	padding:10px 0px 10px 0px;
}

.article-list-image {
	float:left;
	margin-right:10px;
}

.article-list-text {
	float:left;
	max-width:450px;
}

.article-list-headline {
	border-spacing: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
    font-weight: bold;
	color: #AF1E2D;
	min-height:25px;
	margin-bottom:4px;
}

.article-list-posted-date {
	margin-bottom:4px;
	color:black;
}

.article-list-body {
	text-align:justify;
	word-wrap:break-word;
}

.region-content h1 {
	font-size: 2.5em;
	color: #AF1E2D;
}

.region-content h1 a {
	color: #AF1E2D;
	text-decoration:none;
}

.region-content h2 {
	font-size: 1.25em;
	color: #AF1E2D;
}

.region-content h2 a {
	color: #AF1E2D;
	text-decoration:none;
}

.region-content h2 a:hover {
	text-decoration: underline;
}

.region-content h3 {
	font-size: 1.25em;
	color: #555555;
}

.region-content h3 a {
	color: #555555;
	text-decoration:none;
}

.region-content h4 {
	color: #AF1E2D;
}

.region-content h4 a {
	color: #AF1E2D;
	text-decoration:none;
}

.heading a {
	font-family: Arial,Helvetica,sans-serif;
	color: #AF1E2D;
	text-decoration: none;
}

.heading a:hover {
	text-decoration: underline;
}

.region-content ul, ol { margin-left:1em; padding-left:1em; padding-bottom:1em; }
.region-content ul li { list-style-type: square; }
.region-content ol li { list-style-type: decimal; }
.region-content ol li ul li { list-style-type: square; }

.printcontent ul, ol { margin-left:1em; padding-left:1em; padding-bottom:1em; }
.printcontent ul li { list-style-type: square; }
.printcontent ol li { list-style-type: decimal; }
.printcontent h3 {
	font-size: 1.25em;
	color: #AF1E2D;
}

.printcontent h4 {
	color: #AF1E2D;
}

/* Bullets in the side-menu */
.megamenu-menu .megamenu-slot .megamenu-items .megamenu-item.megamenu-indented a:before,
.region-sidebar-first .menu .leaf.dhtml-menu.dhtml-menu-indented a:before {
	content: '';
	background-color: #777;
	display: inline-block;
	position: relative;
	height: 4px;
	width: 4px;
	background-clip: padding-box;
	margin-right: 4px;
	margin-left: 4px;
	top: -2px;
} 

/*
	Page editing bar
*/

#page_editing_bar {
	width:100%;
	height:30px;
	background-color: #E5E5E5;
	color:white;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
	padding: 2px 5px 0 0
}

.webadmin {
	float:left;
	margin-top:6px;
}

.webadmin a, .page_editing_options a {
	border-radius: 6px;
	text-decoration: none;
	background-color: #AF1E2D;
	color: white;
	padding: 4px 8px 4px 8px;
	margin-left:5px;
	font-size: .9em;
	font-weight: bold;
}

.webadmin a:hover, .page_editing_options a:hover {
	text-decoration: underline;
}

.page_editing_options {
	float:right;
	margin-top:6px;
}

/*
	Pager
*/
.pager {
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	background-color:#AF1E2D;
	color:white;
}

.pager a {
	color:white;
	text-decoration:none;
}

.pager a:hover {
	text-decoration:underline;
}

.pager_active {
	color:white;
	border:1px solid white;
	padding-left:2px;
	padding-right:2px;
}

.pager_previous {
	float:left;
	width:15%;
	text-align:left;
	padding-left:8px;
}

.pager_page_list {
	float:left;
	width:66%;
	text-align:center;
}

.pager_next {
	float:right;
	width:15%;
	text-align:right;
	padding-right:8px;
}

/*
/////////////////////////////////////////////////////////////////
                                              Friendly Form Table
/////////////////////////////////////////////////////////////////
*/

.friendlyFormTable {
	padding: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	border: 1px solid #AF1E2D;
	margin: 0px;
}

.friendlyFormTable .information {
	padding:0px 25px;
}

.friendlyFormTable th, .friendlyFormTable td {
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-bottom: 8px;
}

.friendlyFormTable th {
	font-weight: bold;
	text-align: right;
}

.friendlyFormTable td textarea, .friendlyFormTable td input {
	font-size: 12px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.friendlyFormTable th.divider {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px 5px 15px;
	background-color: #AF1E2D;
	color: white;
}

.friendlyFormTable th.category {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0px 1px 15px;
/*	background-color: #004488;*/
	background-color: #CCC;
	color: #444;
}

.friendlyFormTable th.buttonbar {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	padding-right: 15px;
}

/*
/////////////////////////////////////////////////////////////////
                                               Generic Data Table
/////////////////////////////////////////////////////////////////
*/

.dataTable {
	border:0;
	border-spacing: 0 0;
	border-collapse:collapse;
}

table.dataTable th, table.dataTable td {
	padding: 3px;
	font-weight: normal;
	text-align: left;
	border:1px solid #ccc;
}

table.dataTable th {
	font-weight: bold;
	background:#eee url("../images/table_header_bg.gif") repeat-x center center;	
}


/* Side menu news feed */

.sideMenuNews {
	width:100%;
	border: 1px solid #444;
	margin-top:10px;
}

.sideMenuNews a {
	font-weight:bold;
	text-decoration:none;
}

.sideMenuNews div {
	background-color: #AF1E2D;
	border-bottom: 1px solid #444;
	padding: 5px 4px 5px 4px;
}

.sideMenuNews div a {
	color:white;
}

.sideMenuNews div a:hover {
	text-decoration:none;
}

.sideMenuNews ul {
	margin:6px 6px 0px 6px;
	padding:0px;
}

.sideMenuNews li {
	margin-bottom: 6px;
	font-size:0.9em;
}

.sideMenuNews li span {
	font-size:0.9em;
	font-weight:bold;
}

.sideMenuNews li a {
	color:#AF1E2D;
}

.sideMenuNews li a:hover {
	text-decoration:underline;
}


div.employeeListing{
	width:100%;
}

div.indListing{
	width:160px;
	height:340px;
	float:left;
	padding-bottom:15px;
	padding-left:7px;
	padding-right:7px;
}

div.indListing a.employeeName{
	color:#AF1E2D;
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
}

div.employeeListing .photoTrim{
    position: relative;
	width:158px;
	height:212px;
	overflow: hidden;
}

table.contact .photoTrim{
	position: relative;
	width:57px;
	height:80px;
	overflow: hidden;
}

div.employeeListing img{
	position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

table.contact .photoTrim img{
	position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}



/* New Athletics Area Coloring */
.athletic-color .region-content div h2{
	color:#000000;
}
.athletic-color .region-content h1, .athletic-color .sidemenu-selected-element a, .athletic-color .breadcrumb a{
	color:#000000 !important;
}

.athletic-color .sidemenu > li > a{
	background-color:#000000;
}

.athletic-color .grid-12#breadcrumb{
	//border-top:150px #000 solid;
	//padding-top:10px;
}

.athletic-color .heading h1, .athletic-color h1.heading{
	background:transparent url('../images/titlesquare-black.png') no-repeat left top;
}

#region-sidebar-first .athleticsSideCalendar .calendar{
	width:219px;
}

#region-sidebar-first .athleticsSideCalendar .content{
	padding:0;
}

#region-sidebar-first .athleticsSideCalendar .content {
    border: none;
}

#region-sidebar-first .athleticsSideCalendar .content .field-content p{
	margin-bottom:0;
}




/* Styling enforcement B) */

a{color:#AF1E2D;}

#region-content-holder span{
	background-color:transparent !important;
}
#region-content-holder a span{
	color:#AF1E2D !important;
}


/* Fix Tabs on Mobile */
@media screen and (max-width: 640px) {
    .custom_tabs {
        width: 152px;
    }
	
	.custom_tabs a{
        width: 100px;
    }
}




/*
/////////////////////////////////////////////////////////////////
    Custom Forms Styling
/////////////////////////////////////////////////////////////////
*/

#search-block-form input[type=text], 
#search-block-form textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
#search-block-form input[type=text]:focus, 
#search-block-form textarea:focus {
  box-shadow: 0 0 5px rgba(175, 30, 45, 1);
}

#search-block-form input[type=text]:focus, 
#search-block-form textarea:focus, 
#search-block-form input:-webkit-autofill, 
#search-block-form textarea:-webkit-autofill, 
#search-block-form select:-webkit-autofill { 
    background-color: transparent !important;
}

.customForm .content_box{
	background-color:#AF1E2D;
	color:#FFF;
	padding:30px;
}

.customForm .content_box h2{color:#FFF;}
.customForm .content_box hr{background-color:#FFF;}
.customForm .content_box th{padding-right:10px;}

.askQuestionForm .optionalAskBox h2{margin-bottom:0;}

.askQuestionForm .optionalAskBox p.clickInstruction{
	margin-top:10px;
	margin-bottom:0;
}

.askQuestionForm .optionalAskBox #campus_visit_form, 
.askQuestionForm .optionalAskBox #contact_list_form{
	margin-top:20px;
}



/*
/////////////////////////////////////////////////////////////////
    New Search Engine
/////////////////////////////////////////////////////////////////
*/

#addsearch-results #addsearch-results-mid .addsearch-result-item-sub h2 a{
	color:#AF1E2D;
	padding-bottom:0;
	text-decoration:underline !important;
}

#addsearch-results #addsearch-results-mid .addsearch-result-item-sub span.document_url{
	color:#AF1E2D;
	padding-bottom:0;
}

#addsearch-results #addsearch-logo{ 
	display: none;
}
	
div#addsearch-results #addsearch-results-bottom #addsearch-rp-paging {
	float:left;
}

form.addsearch-page-form{
	width:100%;
}

form.addsearch-page-form input.addsearch {
	width:90% !important;
}

form.addsearch-page-form .addsearch-page-button{
	width:10%;
	border:none;
	margin: 0;
	padding: 5px 10px 4px;
	float:right;
	background: #AF1E2D url("/search/search-icon.png") no-repeat center 4px;
	background-size: 15px 15px;
	
	text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}

div div#addsearch-results{
	margin-top:15px;
}

/*
div div#addsearch-results #addsearch-rp-top{
	padding-bottom:5px;
}

div div#addsearch-results #addsearch-rp-sortby{
	margin-top:10px;
	margin-right:15px;
	padding-bottom:10px;
}

div div#addsearch-results #addsearch-rp-resultscount{
	background-color: rgb(236, 236, 236);
	padding:10px 15px 10px 15px;
	margin: 0;
	min-height:15px;
}
*/

input.addsearch[type=text], #search-block-form .form-item input[type=text]{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
input.addsearch[type=text]:focus, input.addsearch-page-button:focus, #search-block-form .form-item input:focus, input.form-submit:focus{
  box-shadow: 0 0 5px rgba(175, 30, 45, 1);
}

[data-addsearch-image="no-image"] {
	background-image: url(https://www.gprc.ab.ca/static/template/gprc/images/wordmark.png) !important;
}

/*
/////////////////////////////////////////////////////////////////
    Skip to Content Button
/////////////////////////////////////////////////////////////////
*/
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#AF1E2D;
    left: auto;
    top: auto;
    width: 150px;
    height: auto;
    overflow:auto;
    padding:5px;
    border-radius: 0 0 20px 20px;
    text-align:center;
    font-size:14px;
    z-index:999;
}

/*
/////////////////////////////////////////////////////////////////
    ConEd Grant Ad
/////////////////////////////////////////////////////////////////
*/

#region-content-holder a.CE-Grant-Ad{
	text-decoration:none;
	color:black;
}

#region-content-holder a.CE-Grant-Ad div{
	width:100%; 
	background-image:url('/ce/courses/GPRC-Vital-Facebook-Cover-Yellow.jpg'); 
	margin-bottom:20px;
}

#region-content-holder a.CE-Grant-Ad div p{
	padding:20px 20px; 
	font-size:14px;
	font-weight:bold;
}

#region-content-holder a.CE-Grant-Ad div p span{
	color:black !important;
	font-weight:bold;
	text-decoration:underline;
}