@charset "utf-8";
/* CSS Document */

body {
/*  font-size: 2em;
  font-size: 16px;*/
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-top: 10px;
	margin: 0px;
	padding: 0px;
	}
  #header, #mast {
	width: 960px;

}

label { margin-top: 20px;
}
#mast_slogan, #search {
  position: relative;
  left: -10px;
}
#header_container {
  background-color: #f4f4f4;
}
#mast_logo {
  position: relative;
  top: 48px;
}

#mast_slogan {
  letter-spacing: 1px;
}
.banner {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px; 
	width: 944px; 
	height: 250px; 
	border: 0px solid #cccccc;
	position: relative;
	top: -75px;
 }


#search .searchbox input {
  width: 186px;
  width: 340px;
  text-align: left;
  height: 30px;
  font-family: sans-serif;
  /*color: #555;*/
     padding: 2px 2px 2px 4px;
   padding: 8px;
  float: right;
  font-size: 14px;
  margin: 3px 0 0 0;
  border: 0px solid #3192de;
  background-color: #666666;
  color: #ffffff;
  margin-top: -5px;
  line-height: 20px;
  
   
}

#HomeImage {
	width: 100%;
	/*height: 500px;*/
	background-color: #cccccc;
	overflow: hidden;
/*	position: absolute;*/
	z-index: 50;
	display: block;
	top: 43px; 
}
	
#HomeImage img {
/*	width: auto;
	height: 100%;*/
	overflow: hidden;
	top: 0px;
    display: block;
    max-height: 550px;
    max-width: 100%;
   
 	 }	





.smartcontainer{
	width: 980px;
	margin-left: auto;
    margin-right: auto;
}

.smarthomeaction {
	height: 200px;
	float: none;
	clear: both;
	margin-bottom: -50px;
	overflow: hidden;}
	
.smarthomeschools {
	height: 420px;
	background-color: #333333;
	width: 100%;
	color: #ffffff;
	display: block;
	text-align: center;
}
.smarthomeschools p {
	margin-top: 4px;
	color: #ffffff;
	font-weight: normal;
}

.smarthomeschools h4 {	
	padding-top: 4px;
	

}
	
.smarthomenews {
	height: 500px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	overflow: visible;
	
 }	

.smarthomenewsgallery {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;}		


#MainContainer {
  width: 100%;
  min-height: 300px;
  /*background: url(http://www.briercrest.ca/webdocs/alumni/images/colorband.png) repeat-x top center #fff;*/
height: 100%;
position: relative;
border: 0px solid #000000;
 }

/* landing page */

#MainContent {
  width: 980px;
  min-height: 400px;
  background-color: #ffffff;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  border: 0px solid #000000;
  }

#MainContent table{
	height: 100%;
	position: relative;
	border: 0px;}

.standard {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contentcolumn {
width: 740px;
margin: 0px;
padding: 30px;
height: 100%;
}

.contentcolumn a, a:visited {

	color: #00F;
	text-decoration: underline;
	  /*text-decoration-color: #00f;
   text-decoration: underline wavy red;*/
}

.fa-external-link {
	margin-left: 5px;
	font-size: 11px;
	position: relative;
	top: -3px;
	}


.contentcolumn a:hover {

	color: #900;
}

.contentcolumn a:active {

	color: #00F;
	text-decoration: underline;

}

.contentcolumn a:active {
	color: #00F;
	text-decoration: underline;
}

.reset {
	margin: 0px; 
	padding: 0px;}


.contactcard{
	margin: 0px;
	padding: 0px;
	padding-top: 20px;}

.contactcard img{
	float: left;
	margin-right: 20px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	width: 140px;
	height: 140px;
	display: block;
	margin-bottom: 10px;}	

.contactcard ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.contactcard li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	}

.contactcard li a {
	color: #999999;
	display: inline-block;
		}
.contacticon {
	padding-right: 5px;
	font-size: 24px;
	color: #999999;}

.phone{
	padding-right: 5px;
	font-size: 12px;
	color: #999999;}

.description {
	color: #999999;}




.column  {
    width: 260px;
	width: 300px;
    height: 100%;
    min-height: 300px;
    margin: 0;
    padding: 16px 0px;
    padding-left: 40px;
	padding-top: 40px;
    background-color: #eeeeee;
  }

.columnside {
	}

#PageNav {
  background-color: #333333;
  background-color: #0077BE;
  background-color: #cccccc;
  height: 125px;
  height: 50px;
  border-bottom: 0px solid #cccccc;
  position: relative;
  margin-top: 50px;
  margin-bottom: 20px;} 

  
#PageMenu {
  width: 1000px;
  clear: both;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  position: relative;
  top: -10px;
  
}

h2 {
	font-size: 22px; 
	margin: 0px 0 0 0;
	color: #666;
	margin-top: 10px;
	/*font-style: italic;*/}

h3 {
	font-size: 18px; 
	margin: 0px;
	color: #999;
		/*font-style: italic;*/}

.groupheading {
	background-color: #eeeeee;
	 }



 .maincontent{
	 border: 0px solid #000000;}

.maincontent ul  {
	padding-left: 20px;
	margin-left: 20px;
}
  



/*********************** repurpose for home page ******************************/

/*#PageNav {
  background-color: #333333;
  height: 125px;
  border-bottom: 10px solid #cccccc;
  margin-top: -30px;
  position: relative;
  margin-top: 50px; margin-bottom: 0px;} 

  
#PageMenu {
  width: 1000px;
  clear: both;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  position: relative;
  top: -30px;
  margin-bottom: px; 
  padding-bottom: 0;

}*/

#PageMenu li {
  margin-right: 48px;
  margin-right: 14px;
  float: left;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  
  }

#PageMenu li:last-child {
  margin-right: 0px;
}

#PageMenu li a {
	width: 125px;
	width: 225px;
	height: 40px;
    display: inline-block;
	text-decoration: none;
	border: 0px;
	font-size: 17px;
	font-weight: bold;
	height: 145px;
	height: 65px;
	line-height: 80px;
	padding-top: 15px;
	 
}
.antialiased {
  -webkit-font-smoothing: antialiased; }

#ColumnMenu {
	overflow: hidden;
	margin-top: 20px;}

#ColumnMenu ul {  


}

#ColumnMenu li {
  line-height: 40px;
  display: block!important;
  text-align: left;
  position: relative;
  margin-top: 4px;
  
}


.fontbullet {
	font-size: 18px;}
	
.h1featureicon {
	padding-left: 18px; margin-right: 20px;}	
	


#ColumnMenu li a {
  text-decoration: none;
  color: #0077be;
  padding-left: 10px;
  width: 300px!important;
 /*  height: 30px!important;
 background-color: #cccccc;*/
  padding: 10px;
  display: block!important;
  line-height: 40px;
  line-height: normal;
  text-align: left;
 }

#ColumnMenu li a:hover {
/*  text-decoration: none;
  color: #333333;
  padding-left: 10px;
  background-color: #333;*/
  color: #ffffff;
  background-color: #0077be;}
  
.columside h2 {
	padding-bottom: 20px;	
}
  
.columside h2 a, a:visited {
	color: #0077be;
	text-decoration: underline;
	font-style: normal;}  

  
.columnside h2 a:hover  {
	color: #900;}

.columside h2 a:active {
	color: #0077be;
	text-decoration: underline;}  


  
 .underlinex {
	text-decoration: underline;
	font-weight: normal;}


.column  {
    width: 260px;
	width: 300px;
    height: 100%;
    min-height: 300px;
    margin: 0;
    padding: 16px 0px;
    padding-left: 40px;
	padding-top: 40px;
    background-color: #eeeeee;
  }




div#ColumnAll {
		padding-left: 0px;
		width: 100%;
		 }

#ColumnAll ul {
	  position: relative;
		padding: 0px;
	margin: 0px;
	  list-style: none;
width: 100%;
}

#ColumnAll ul li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;}
	
#ColumnAll ul li a {
	display: block;
	margin-right: 30px;}
	

/*************************************  FOUNDATION **************************************/


/* Feature box */
#features{ 
	padding: 30px 0 0;
}
.aligncenter {
	text-align: center;
}
.features-img .icon-64{
	width: 60px;
	height: 60px;
	padding: 14px;
	font-size: 26px;
	line-height: 30px;
	background-color: #0077be;
	background-color: #01294b;
	color:#FFF;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	padding-left: 15px;
	border: 0px solid #ffffff;}
	
.icon-64.icon-circled {
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
overflow: hidden;
	}
.features-details{
	margin-top: 5px;
}

.features-details h4 {
 font-size: 18px;
 padding-top: 0px;
 margin-top: 0px;
 color:  #01294b;
}



.features-box,.features-box .features-img i{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.features-box:hover .features-img i{
	 background-color: #262626;
	 /*padding: 15px;*/
}
 .features-box:hover{
 	bottom: 0px;
 }
 
 .sub-headline{
 	background: #f9f8f8;
 	margin: 40px 0;
	padding: 10px 0;
 }
 
 /* recent Work */
#recent-work h3{
	text-transform: uppercase;
}
#recent-work .row{
	margin-bottom: 20px
}
 
.thumbnail {
  position: relative;
  display: block;
overflow: hidden;
}
.thumbnail img{
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.thumbnail:hover img{
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.recent-box h4 {
	font-size: 1.1em;
	margin-top: 8px;
	font-weight: bold;
}

.recent-box{
	 -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-bottom: 2px solid #FFF;
   margin-bottom: 20px;
  text-align: center;
  
}
.recent-box:hover{
	border-bottom: 2px solid #5F6A72;
	background: #F7F7F7;
}


 /* homerecent Work */

#recent-work h3{
	text-transform: uppercase;
}

#recent-work .row{
	margin-bottom: 20px
}
.homerecent-box{
	 -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-bottom: 2px solid #333333;
   margin-bottom: 5px;
  text-align: center;
  
}
.homerecent-box:hover{
	border-bottom: 2px solid #5F6A72;
}


.homerecent-box h4 {
	font-size: 1.1em;
	margin-top: 8px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
}











.maximage {
	width: 316px;
	height: auto;
	padding-right: 11px;}






/* Custom Buttons and icons styles 
====================================================================== */

/* btn-style-1 button style */
button.btn-style-1, .button.btn-style-1 {
    background-color: #133463;
	background-color: #cccccc;
	background-color: #0077BE;
    border-color: #cccccc;
    color: #ffffff; 
   }
button.btn-style-1:hover, button.btn-style-1:focus, .button.btn-style-1:hover, .button.btn-style-1:focus {
      background-color: #666666;
   }
button.btn-style-1:hover, button.btn-style-1:focus, .button.btn-style-1:hover, .button.btn-style-1:focus {
      color: white; 
   }
   
/* btn-style-2 button style */   
button.btn-style-2, .button.btn-style-2 {
    background-color: #0ec8ce;
	background-color: #FFCE34;
    border-color: #0b9195;
    color: white; 
   }
button.btn-style-2:hover, button.btn-style-2:focus, .button.btn-style-2:hover, .button.btn-style-2:focus {
      background-color: #0b9195; 
   }
button.btn-style-2:hover, button.btn-style-2:focus, .button.btn-style-2:hover, .button.btn-style-2:focus {
      color: white; 
   }
   
/* btn-style-3 button style */   
button.btn-style-3, .button.btn-style-3 {
    background-color: #f44103;
	background-color: #002649;
    border-color: #c43301;
    color: white; 
   }
button.btn-style-3:hover, button.btn-style-3:focus, .button.btn-style-3:hover, .button.btn-style-3:focus {
      background-color: #c43301; 
   }
button.btn-style-3:hover, button.btn-style-3:focus, .button.btn-style-3:hover, .button.btn-style-3:focus {
      color: white; 
   }
   
   
/* btn-style-4 button style */   
button.btn-style-4, .button.btn-style-4 {
    background-color: #ea2e49;
	background-color: #0077BE;
	background-color: #01294b;
    border-color: #b91e35;
    color: white; 
   }
button.btn-style-4:hover, button.btn-style-4:focus, .button.btn-style-4:hover, .button.btn-style-4:focus {
      background-color: #b91e35; 
	  background-color: #ABC02C;
	  background-color: #0077BE;
   }
button.btn-style-4:hover, button.btn-style-4:focus, .button.btn-style-4:hover, .button.btn-style-4:focus {
      color: white; 
   }   

/* btn-style-5 button style */   
button.btn-style-5, .button.btn-style-5 {
    background-color: #a3b012;
    border-color: #869205;
    color: white; 
   }
button.btn-style-5:hover, button.btn-style-5:focus, .button.btn-style-5:hover, .button.btn-style-5:focus {
      background-color: #869205; 
   }
button.btn-style-5:hover, button.btn-style-5:focus, .button.btn-style-5:hover, .button.btn-style-5:focus {
      color: white; 
   }   
      
/* btn-style-6 button style */   
button.btn-style-6, .button.btn-style-6 {
    background-color: #3eb597;
    border-color: #1e8a6f;
    color: white; 
   }
button.btn-style-6:hover, button.btn-style-6:focus, .button.btn-style-6:hover, .button.btn-style-6:focus {
      background-color: #1e8a6f; 
   }
button.btn-style-6:hover, button.btn-style-6:focus, .button.btn-style-6:hover, .button.btn-style-6:focus {
      color: white; 
   }  

/* btn-style-7 button style */   
button.btn-style-7, .button.btn-style-7 {
    background-color: #f6be36;
	background-color: #0077be;
	background-color: #01294b;
    border-color: #b91e35;
	border: 0px;
	color: #98700e;
	    color: white; 
   }
button.btn-style-7:hover, button.btn-style-7:focus, .button.btn-style-7:hover, .button.btn-style-7:focus {
      background-color: #076095; 
	   background-color: #ABC02C;
	   background-color: #0077BE;
   }
button.btn-style-7:hover, button.btn-style-7:focus, .button.btn-style-7:hover, .button.btn-style-7:focus {
      color: white; 
         }
     
 /* btn-style-8 button style */   
button.btn-style-8, .button.btn-style-8 {
    background-color: #222;
    border-color: #000;
    color: white; 
   }
button.btn-style-8:hover, button.btn-style-8:focus, .button.btn-style-8:hover, .button.btn-style-8:focus {
      background-color: #000; 
   }
button.btn-style-8:hover, button.btn-style-8:focus, .button.btn-style-8:hover, .button.btn-style-8:focus {
      color: white; 
   }    
  
#icons-set .column{
	margin-top: 5px;
	margin-bottom: 10px;
}
#icons-set {
	font-size: 1.1em;
}
#icons-set i{
	margin-right: 5px; 
}

/**********************/

button, .button {
  border-style: solid;
  border-width: 1px;
/*  cursor: pointer;*/
/*  font-family: inherit;*/
  line-height: normal;
  font-weight: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
/*  font-size: 1em;
  background-color: #2ba6cb;*/
  background-color: #008cba;
  border-color: #2284a1;
  color: white; }
  
  
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2284a1; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  button.small, .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  button.tiny, .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  button.expand, .button.expand {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2284a1;
    color: white;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2284a1; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #d0d0d0;
      color: #333333;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #d0d0d0; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #457a1a;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #457a1a; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #970b0e;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #970b0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none; }
  button.tiny, .button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em;
    -webkit-appearance: none; }
  button.small, .button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em;
    -webkit-appearance: none; }
  button.large, .button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, .button:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    button.radius, .button.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    button.round, .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
	  
	  
	  
@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }





/*********************************************************************************/





/************ SIDEBAR ************/
  
  #sidebar  h1,
  #sidebar  h2,
  #sidebar  h3,
  #sidebar  p,
  #sidebar  a,
  #sidebar  form,
  #sidebar  ul {
    padding-left: 24px;
  }
  
  #sidebar  h1 {
    font-size: 18px;
    color: #1b679b;
    font-family: sans-serif;
    margin-bottom: 10px;
    font-weight: normal;
  }
  
  #sidebar  p {
    margin: 16px 0px;
  }
  
  #sidebar  p, #sidebar  a {
    font-family: sans-serif;
    /*font-size: 13px;*/
    color: #333;
  }
  
  #sidebar  a {
    text-decoration: none;
    padding: 6px 6px 6px 24px;
    display: block;
  }
  
  #sidebar  nav a:hover {
    background: url(/webdocs/global/images/sidebar_hover.png);
  }
  
  #sidebar  nav a.selected {
    background-color: #1b679b;
    color: #fff;
  }
  
  #sidebar  div span.item a.selected {
    background-color: #1b679b;
    color: #fff;
  }
  
  #sidebar  div.magazine {
    background: url(/webdocs/college/images/magazine.png) no-repeat bottom left;
    height: 112px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  
    #sidebar  div.magazine:hover {
      background-color: #d7e241;
    }
  
    #sidebar  div.magazine a span.caption {
      display: block;
      height: 94px;
      font-size: 18px;
      font-weight: bold;
      padding: 12px 12px 0px 100px;
      text-align: right;
      color: #00325b;
      font-family: sans-serif;
    }
    
      #sidebar  div.magazine a span.caption span.small {
        display: block;  
        font-weight: normal;
        font-size: 12px;
        margin-top: 8px;
      }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {display:inline !important;} 

label {
	font-weight: bold;}

input[type=text] {
	padding: 10px;
	background-color: #e9e8e8;
	border: 1px solid #cccccc;
	width: 230px;}

textarea {
	padding: 10px;
	background-color: #fffcdd;
	background-color: #e9e8e8;
	border: 1px solid #cccccc;
		width: 230px;}


select {
	padding: 10px;
background-color: #e9e8e8;
	border: 1px solid #cccccc;
		width: 230px;}	
	
	ol {
	margin-left: 40px;}
	
.linebreak {
	clear: both;}