@charset "UTF-8";
/*
    Project: MCI Health Web
    Use: Styles for MCI Health Web Presentation

    Table of Contents:
		#COMMOMSTYLES
		# INTRO
		# THEMEPATIENT
		# THEMEPHYSICIAN
		# LOADING
*/

/* ====================================================================================================
        COMMOM STYLES
==================================================================================================== */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font: 16px/1.5em Arial;
	color: #fff;
}
.centered {
	position: absolute;
	width: 1024px;
	height: 644px;
	top: 50%;
	left: 50%;
	margin-top: -322px;
	margin-left: -512px;
}
/* **************************************************
		THEMEINTRO
************************************************** */
.theme_Intro {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRjNGM0YzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUE5QTlBIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM5QTlBOUEiIC8+PHJlY3QgeD0iMCUiIHk9Ii00Ny44NDQ4JSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTk1LjY4OTclIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 114, color-stop(0%, #F3F3F3), color-stop(100%, #9A9A9A));
	background-image: -webkit-radial-gradient(center center, farthest-side circle, #F3F3F3 0%, #9A9A9A 100%);
	background-image: -moz-radial-gradient(center center, farthest-side circle, #F3F3F3 0%, #9A9A9A 100%);
	background-image: -ms-radial-gradient(center center, farthest-side circle, #F3F3F3 0%, #9A9A9A 100%);
	background-image: -o-radial-gradient(center center, farthest-side circle, #F3F3F3 0%, #9A9A9A 100%);
	background-image: radial-gradient(farthest-side circle at center center, #F3F3F3 0%, #9A9A9A 100%);
}

/* **************************************************
        LOADING
************************************************** */
.loading {
	width:100px;
	height:40px;
	position:absolute;
	top:330px;/* If hight of loading is changed, this needs update */
	left:450px;/* If width of loading is changed, this needs update */
	text-align:center;
	font-family: 'Arvo', serif;
	font-size:11px;
}
.loading p.loading_loading_text {
	color:#9A9A9A;
	x_background-color:green;
}
.loading span.loading_patient_text {
	color:#ea7a02;
}
.loading span.loading_physician_text {
	color:#56b8b3;
}
.loading p img {
	padding-top:10px;
}

#loading_data {
	width:100px;
	height:30px;
	x_background-color:blue;
	padding:10px 0 0 20px;
}
.loading_data {
	background-color:#FFFFFF;
	float:left;
	height:12px;
	margin-left:6px;
	width:12px;
	-webkit-animation-name:bounce_loading_data;
	-webkit-border-radius:8px;
	-webkit-animation-duration:0.44999999999999996s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-moz-animation-name:bounce_loading_data;
	-moz-border-radius:8px;
	-moz-animation-duration:0.44999999999999996s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	opacity:0.3;
	-o-animation-name:bounce_loading_data;
	border-radius:8px;
	-o-animation-duration:0.44999999999999996s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-ms-animation-name:bounce_loading_data;
	-ms-animation-duration:0.44999999999999996s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	opacity:0.3;
}
#loading_data_1 {
	-webkit-animation-delay:0.09s;
	-moz-animation-delay:0.09s;
	-o-animation-delay:0.09s;
	-ms-animation-delay:0.09s;
}
#loading_data_2 {
	-webkit-animation-delay:0.21s;
	-moz-animation-delay:0.21s;
	-o-animation-delay:0.21s;
	-ms-animation-delay:0.21s;
}
#loading_data_3 {
	-webkit-animation-delay:0.27s;
	-moz-animation-delay:0.27s;
	-o-animation-delay:0.27s;
	-ms-animation-delay:0.27s;
}
 @-webkit-keyframes bounce_loading_data {
0% {
opacity:0.3;
}
 50% {
opacity:1;
background-color:#9A9A9A;
}
 100% {
opacity:0.3;
}
}
 @-moz-keyframes bounce_loading_data {
0% {
opacity:0.3;
}
 50% {
opacity:1;
background-color:#9A9A9A;
}
 100% {
opacity:0.3;
}
}
 @-o-keyframes bounce_loading_data {
0% {
opacity:0.3;
}
 50% {
opacity:1;
background-color:#9A9A9A;
}
 100% {
opacity:0.3;
}
}
 @-ms-keyframes bounce_loading_data {
0% {
opacity:0.3;
}
 50% {
opacity:1;
background-color:#9A9A9A;
}
 100% {
opacity:0.3;
}
}