body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #6d6e71;
}
h3.subhead {
	font-size: 24px;
}
a {
	color: #6d6e71;
}
a:hover {
	color: #9b6fb1;
}
img.left, img.right {
	-webkit-box-shadow:  0px 0px 15px  #aaa;
	box-shadow:  0px 0px 15px  #aaa;
}
img.left {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
img.right {
	float: right;
	margin-left: 18px;
	margin-bottom: 18px;
}
/*table tr td:first-child,
table th:first-child {
	padding-left: 20px;
}
table th,
table tr {
	height: 28px;
	line-height: 28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
table th {
	text-align: left;
	font-weight: 500;
	background: #dcddde;
}
table tr:nth-child(even) {
	background: #dcddde;
}
table tr:nth-child(odd) {
	background: #fff;
}
table tr:hover {
	background: #ecedee;
}*/
hr {
	clear: both;
	border: none;
	height : 3px;
	background-image: url('//sys.mahec.net/media/images/hr-dot.png');
	background-repeat: repeat-x;
	/*color: transparent;*/
}


.glossy-button{
	font-size: 13px;
	text-transform: lowercase;
	line-height: 18px;
	height: 24px;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	width: auto;
	text-decoration: none !important;

	position: static;

	/* these rules for the button press effect */
	padding-top:1px;
	padding-bottom:1px;

	margin-top: 10px;
	margin-bottom:1px;

	padding-left: 21px;
	padding-right:21px;

	margin-left:-1px;
	margin-right:1px;

	/* default background-color */

	background-color: #6e6b9f;

	/* the mighty gradient */

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.49, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.2))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* Opera11.10+ */
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* W3C */


	/* some nice roundy corners */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;

	/* for links in chrome */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;


	/* a very subtle drop-shadow that ehances the pressed button effect */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.30);

	/* remove any inherited or default borders - especially important for the <button> element*/
	border: 1px solid #fff;


	/* and of course a little animated background-color fade effect */

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

	/* add support for border radius in IE 8
	behavior: url("/js/PIE-1.0.0/PIE.htc");*/
}

/* customization colors for 5 different site sections */

.glossy-button.about-us, body.about-us .glossy-button, .glossy-button .about-us{ background-color: #58949b; }
.glossy-button.patient-information, body.patient-information .glossy-button, .glossy-button .patient-information{ background-color: #8eae6b; }
.glossy-button.continuing-education, body.continuing-education .glossy-button, .glossy-button .continuing-education{ background-color: #d89f5b; text-transform: none;}
.glossy-button.residency-and-student-info, body.residency-and-student-info .glossy-button, .glossy-button .residency-and-student-info{ background-color: #9B6FB2; }
.glossy-button.innovation-and-research, body.innovation-and-research .glossy-button, .glossy-button .iinnovation-and-research { background-color: #5f8fc1; }
/**** Put hover colors below ****/
/*
.glossy-button.about-us:hover, body.about-us .glossy-button:hover, .glossy-button .about-us:hover{ background-color: #58949b; }
.glossy-button.patient-information:hover, body.patient-information .glossy-button:hover, .glossy-button .patient-information:hover{ background-color: #8eae6b; }
.glossy-button.continuing-education:hover, body.continuing-education .glossy-button:hover, .glossy-button .continuing-education:hover{ background-color: #d89f5b; }
.glossy-button.residency-and-student-info:hover, body.residency-and-student-info .glossy-button:hover, .glossy-button .residency-and-student-info:hover{ background-color: #9B6FB2; }
.glossy-button.innovation-quality-and-research:hover, body.innovation-quality-and-research .glossy-button:hover, .glossy-button .innovation-quality-and-research:hover { background-color: #5f8fc1; }
*/

.glossy-button:hover{
	background-color: #5b5780 !important;
	color:#eeeeee;

	padding-top:0;
	margin-top: 11px;

	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px, rgba(255, 255, 255, 0.3) 0 1px;

	line-height: 20px;

	box-shadow: none;
}

.glossy-button:active{
	background-image: none;
	color:#eeeeee;

	padding-top:0;
	margin-top: 11px;

	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px, rgba(255, 255, 255, 0.3) 0 1px;

	line-height: 20px;

	box-shadow: none;
}

/* submit and reset buttons */
input.glossy-button{
	vertical-align: middle;
	line-height: normal !important;
	padding-bottom: 0;
}


.ie .glossy-button {
	background-image:url(//sys.mahec.net/media/images/butt-bg_slither.png);
	background-repeat: repeat-x;
	background-position:center center;

}
.ie .glossy-button:active {
	background-image:none;

}
.ie8 .glossy-button {
	border:1px solid #ccc !important;
}
.ie7 .glossy-button{
	height:28px;
}
.ie7 .glossy-button:active{
	padding-bottom: 2px;
}