html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	font-size: 80%;
} /* Reset Base Font Size */

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 68.75%;
	background: #fff;
	color: #333;
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }

a img { border: none; }


.BaseBody
{
margin:15px 0px 15px 0px;
background-repeat:repeat-x;
background-color:#f2f2f2;
}

.HeaderDiv
{
height:120px;
width:990px;
border-top:1px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:none;
background-image:url(../images/Header_Back.png);
background-repeat:no-repeat;
overflow:hidden;
border-top-right-radius:10px;
border-top-left-radius:10px;
box-shadow:0px 0px 20px #000;
padding:5px 5px 5px 5px;
}

.HeaderDiv .Logo
{
float:left;
height:70px;
margin:15px 0px 0px 20px;
border:4px solid #01003c;
padding:5px 5px 5px 5px;
border-radius:10px;
background-color:#dff1f3;
box-shadow:0px 0px 20px #000;
opacity:0.7;
}

.logoDiv{
	float:left; 
	overflow:auto; 
	height:auto; 
	width:30%; 
	padding-bottom:10px; 	
}
.OtherTextDiv{
	float:right; 
	overflow:auto; 
	height:auto; 
	width:65%; 
	padding-bottom:10px; 	
}
.HeaderDiv .Headertext
{
float:right;
border:0px solid #fff;
margin:0px 5px 0px 0px;
}

.separators
{
color:#01003c;
font-size:18px;
}

.applabels
{
font-family:Calibri, Verdana, Georgia;
font-size:13px;
color:#333333;
min-width:50px;
}

.applabelsLogin
{
font-family:Calibri,Verdana,Georgia;
font-size:16px;
color:#333333;
min-width:50px;
}

.loginpage-head{
	font-family:Calibri, Verdana, Georgia;
	font-size: 18px;
	font-variant: small-caps;
	color: #000000;
	min-width:50px;
}
.loginpage-signin{
	font-family:Calibri, Verdana, Georgia;
	font-size: 17px;
	font-weight: bold;
	font-variant: small-caps;
	color: #990000;
	min-width:50px;
}
.apppageheads
{
font-family:Calibri, Verdana, Georgia;
color:#333333;
font-size:20px;
height:30px;
border-bottom:3px solid #999999;
margin:5px 5px 5px 5px;
float:left;
}

.appmessages
{
font-family:Calibri, Verdana, Georgia;
font-size:18px;
color:#333333;
}

.apperrors
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#CC0000;
font-weight:bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.error,.pageerror
{
font-family:Calibri, Verdana, Georgia;
font-size:13px;
color:#CC0000;
text-align: left;
}

.action {
    background-color: #164c78;
    border: 0 none;
    color: #fff;
    border:1px solid #104E8B;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-decoration: none;
}

.action:hover {
    color:#104E8B;
	background-color:#B0E2FF;
	border:1px solid #104E8B;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-decoration: none;
}

.applinks, .OpenMoreTimeSlot
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#104E8B;
text-decoration:underline;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.applinks:hover
{
color:#3300FF;
text-decoration:none;
}

.footerlinks
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#000;
text-decoration:none;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.footerlinks:hover
{
color:#fff;
}

.MenuDiv
{
height:auto;
width:1000px;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:none;
box-shadow:0px 0px 20px #000;
}

.Bodyframe
{
height:auto;
min-height:500px;
background-color: #fff;
width:990px;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:none;
border-bottom:none;
padding:5px 5px 5px 5px;
position:relative;
overflow:auto;
}

.Assessmentframe
{
height:auto;
min-height:500px;
background-color: #d1e8ea;
width:980px;
padding:5px 5px 5px 5px;
position:relative;
border:0px solid #000;
overflow:auto;
}

.Bodyframe object
{
height:835px;
width:100%;
margin:0px;
}

.FooterDiv
{
height:25px;
width:990px;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:#2d4e71;
overflow:hidden;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
box-shadow:0px 0px 20px #000;
padding:5px 5px 5px 5px;
}

.loginback
{
background-image:url(../images/Login_Back1.png);
height:380px;
width:500px;
background-repeat:no-repeat;
margin:15px 0px 0px 0px;
border:0px solid #fff;
background-position:center;
padding:100px 0px 0px 0px;
background-size:100% 100%;
}

.loginback .loginform
{
height:350px;
width:inherit;
border:1px solid #000;
background-image:url(../images/Login_Back.png);
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
position:relative;
z-index:10;
box-shadow:0px 0px 60px #000;
background-color:#5da8f0;
clear:both;
}

.loginback .loginform table
{
width:440px;
margin:18px 10px 10px 10px;
border:0px solid #000;
clear:both;
}

.loginback .loginform table .imgtd
{
border-radius:10px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.loginback .loginform table .imgtd:hover
{
border:0px solid #000;
border-radius:10px;
box-shadow:0px 0px 80px #fff;
}

.apptextbox, .datepicker
{
height:20px;
width:150px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.apptextbox:focus
{
background-color:#ffe1f0;
}

.apptextboxdis
{
height:20px;
width:150px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#cccccc;
border:1px solid #cccccc;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.apppassbox
{
height:20px;
width:150px;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
}

.apppassbox:focus
{
background-color:#ffe1f0;
}

.apptextarea
{
height:100%;
width:98.8%;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
resize: none;
}

.apptextarea:focus
{
background-color:#ffe1f0;
}

.appbuttons
{
color:#FFF;
font-family:Calibri, Verdana, Georgia;
font-size:15px;
padding:6px 12px 6px 12px;
background-color:#154b78;
border:1px solid #104E8B;
cursor:pointer;
font-weight:bold;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.appbuttons:hover
{
color:#104E8B;
background-color:#B0E2FF;
}

.applist
{
line-height:25px;
height:30px;
width:162px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.applistmulti
{
height:100px;
width:162px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:0px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.applist:focus,
{
background-color:#ffe1f0;
}

.applist option,
.applistmulti option
{
height:20px;
width:auto;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:0px solid #666666;
padding:4px 5px 4px 5px;
background-color:#FFFFFF;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.overlay
{
width:100%;
height:1200px;
top:0px;
left:0px;
position:absolute;
background-color:#000;
opacity:0.4;
filter: alpha(opacity=50); /*older IE*/
z-index:1000;
position:fixed;
}

.overlayinner
{
width:90%;
height:420px;
opacity:1;
top:15%;
left:8%;
position:absolute;
z-index:2000;
border-radius:1px;
padding:5px 5px 5px 5px;
border:5px solid #333333;
background-repeat:repeat-x;
background-color:#fff;
box-shadow:5px 5px 10px #333333;
}

.overlayinner1
{
width:40%;
height:150px;
opacity:1;
top:30%;
left:28%;
position:absolute;
z-index:2000;
border-radius:15px;
padding:5px 5px 5px 5px;
border:5px solid #333333;
/*background-image:url(../images/inner_back.png);*/
background-repeat:repeat-x;
background-color:#cbe5e7;
box-shadow:5px 5px 10px #333333;
}

.overlayinner .close,
.overlayinner1 .close
{
width:25px;
height:25px;
position:relative;
cursor:pointer;
border:0px solid #333333;
float:right;
top:-15px;
right:-15px;
display:inherit;
background-image:url(../images/remove_icon.png);
background-size:100% 100%;
border-radius:15px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.overlayinner .close:hover,
.overlayinner1 .close:hover
{
box-shadow:0px 0px 30px #fff;
}

.overlayinner1 .innertext
{
width:95%;
height:99%;
position:relative;
border:0px solid #000;
overflow:auto;
display:inherit;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
margin:15px 0px 15px 15px;
float:left;
}

.overlayinner .innertext
{
width:95%;
height:94%;
position:relative;
border:0px solid #000;
overflow:auto;
display:inherit;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
margin:15px 0px 15px 15px;
float:left;
}

.formheader
{
background-color:#154b78;
color:#ffffff;
font-size:18px;
font-variant:small-caps;
font-family:Calibri, Verdana, Georgia;
font-weight:bold;
}

.preview img
{
height:15px;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.preview img:hover
{
height:25px;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.cells
{
background-color:#EDEDED; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.cells1
{
background-color:#98FB98; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.cells2
{
background-color:#fcbbbb; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.leftpanelwrap
{
float:left;
width:50%;
padding:5px 5px 5px 5px;
min-height:535px;
border-radius:10px;
border:1px solid #333333;
box-shadow:0px 0px 5px #333333;
}

.leftpanelwrap .leftpanel1
{
width:100%;
border:0px solid #000;
}

.leftpanelwrap .leftpanel2
{
width:100%;
border-top:2px solid #333333;
height:90%;
overflow:auto;
}

.loading
{
height:65px;
width:65px;
border-radius:65px;
background-image:url(../images/wheel.png);
-webkit-background-size:100% 100%;
background-size:100% 100%;
animation-name:myfirst;
animation-duration:2s;
animation-timing-function:linear;
animation-delay:0s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}

@keyframes myfirst
{
0%{transform: rotate(0deg); box-shadow:0px 0px 0px #fff;}
10%{transform: rotate(36deg); box-shadow:0px 0px 20px #fff;}
20%{transform: rotate(72deg); box-shadow:0px 0px 0px #fff;}
30%{transform: rotate(108deg); box-shadow:0px 0px 20px #fff;}
40%{transform: rotate(144deg); box-shadow:0px 0px 0px #fff;}
50%{transform: rotate(180deg); box-shadow:0px 0px 20px #fff;}
60%{transform: rotate(216deg); box-shadow:0px 0px 0px #fff;}
70%{transform: rotate(252deg); box-shadow:0px 0px 20px #fff;}
80%{transform: rotate(288deg); box-shadow:0px 0px 0px #fff;}
90%{transform: rotate(324deg); box-shadow:0px 0px 20px #fff;}
100%{transform: rotate(360deg); box-shadow:0px 0px 0px #fff;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%{-webkit-transform: rotate(0deg); box-shadow:0px 0px 0px #fff;}
10%{-webkit-transform: rotate(36deg); box-shadow:0px 0px 20px #fff;}
20%{-webkit-transform: rotate(72deg); box-shadow:0px 0px 0px #fff;}
30%{-webkit-transform: rotate(108deg); box-shadow:0px 0px 20px #fff;}
40%{-webkit-transform: rotate(144deg); box-shadow:0px 0px 0px #fff;}
50%{-webkit-transform: rotate(180deg); box-shadow:0px 0px 20px #fff;}
60%{-webkit-transform: rotate(216deg); box-shadow:0px 0px 0px #fff;}
70%{-webkit-transform: rotate(252deg); box-shadow:0px 0px 20px #fff;}
80%{-webkit-transform: rotate(288deg); box-shadow:0px 0px 0px #fff;}
90%{-webkit-transform: rotate(324deg); box-shadow:0px 0px 20px #fff;}
100%{-webkit-transform: rotate(360deg); box-shadow:0px 0px 0px #fff;}
}

.banner
{
width:99.7%;
border-radius:10px;
border:1px solid #333333;
/*background-image:url(../images/inner_back.png);*/
background-repeat:repeat-x;
background-size: 100% 100%;
overflow:auto;
float:left;
box-shadow:0px 0px 10px #999999;
margin:8px 0px 5px 0px;
}

.chartmenu
{
font-size:20px;
float:left;
height:30px;
font-family:Calibri, Verdana, Georgia;
color:#949494;
text-decoration:none;
margin:0px 5px 0px 5px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.chartmenu:hover
{
border-bottom:3px solid #999999;
color:#333333;
}

.chartmenuactive
{
font-size:20px;
float:left;
height:30px;
font-family:Calibri, Verdana, Georgia;
color:#333333;
text-decoration:none;
border-bottom:3px solid #999999;
margin:0px 5px 0px 5px;
}

.menuseparator
{
font-size:20px;
float:left;
font-family:Calibri, Verdana, Georgia;
color:#7A7A7A;
}

.commentsview
{
height:400px;
width:98.8%;
border-radius:10px;
border:1px solid #333333;
float:left;
overflow:hidden;
box-shadow:0px 0px 10px #999999;
margin:8px 0px 5px 0px;
padding:5px 5px 5px 5px;
}

.commentsview .commentcontainer
{
height:inherit;
width:99.8%;
border:0px solid #333333;
overflow:auto;
float:left;
}

.appointments
{
	height:auto;
	width:auto;
	border:1px solid #999999;
	float:left;
	position:relative;
	border-radius:3px;
	padding:0px 3px 0px 3px;
	margin:2px 5px 2px 0px;
}

.action1
{
	height:11px;
	border:0px;
	margin:0px;
	margin:0px 3px 0px 3px;
}

.action1:hover
{
	box-shadow:0px 0px 5px #333333;	
}

.roleaccess
{
	width:99.5%;
	height:340px;
	border:1px solid #999999;
	border-radius:1px;
	box-shadow:0px 0px 4px #666666;
	float:left;
}

.accessinner
{
	width:97.4%;
	height:93%;
	border:0px solid #999999;
	margin:6px 5px 5px 5px;
	overflow:auto;
}

.chartleftmenu
{
	width:40px;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	background-color:#000;
	opacity:0.8;
	filter: alpha(opacity=80); /*older IE*/
	z-index:1000;
	position:fixed;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	overflow:hidden;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.chartleftmenuright
{
	width:40px;
	height:100%;
	top:0px;
	right:0px;
	position:absolute;
	background-color:#000;
	opacity:0.8;
	filter: alpha(opacity=80); /*older IE*/
	z-index:1000;
	position:fixed;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	overflow:hidden;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.chartleftmenu:hover,
.chartleftmenuright:hover
{
	width:155px;
}

.chartleftmenucell1
{
	border:2px solid #ccc;
	border-radius:10px;
}

.chartleftmenucell2
{
	border:0px solid #ccc;
	border-radius:10px;
}

.chartleftmenucell2:hover
{
	background-color:#FFF;
	cursor:pointer;
}

.chartleftmenucell2 label
{
	color:#cccccc;
	font-family:Calibri, Verdana, Georgia;
	font-size:15px;
}

.chartleftmenucell2:hover label
{
	color:#333333;
	cursor:pointer;
}

.searchresult
{
	width:98.7%;
	float:left;
	border-radius:10px;
	border:1px solid #999999;
	padding:5px 5px 5px 5px;
	height:auto;
	overflow:auto;
	box-shadow:0px 0px 4px #666666;
	margin-top:5px;
	margin-bottom:5px;
}

.greendiv
{
	height:auto;
	overflow:auto;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	background-color:#6F3;
	border:1px solid #666666;
	margin:3px 3px 3px 3px;
	float:left;
	cursor:pointer;
}

.greendiv:hover
{
	box-shadow:0px 0px 3px #333333;
}

.reddiv
{
	height:auto;
	overflow:auto;
	padding:3px 3px 3px 3px;
	border-radius:3px;
	background-color:#F75D59;
	border:1px solid #666666;
	margin:3px 3px 3px 3px;
	float:left;
	cursor:text;
}

.docdetails
{
	float:left;
	width:100%;
}

.appslotshide
{
	float:left;
	width:0%;
	border:0px solid #000;
	height:0px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	opacity:0;
	-webkit-transition:  0.5s ease-in-out;
	-moz-transition:  0.5s ease-in-out;
	-o-transition:  0.5s ease-in-out;
	-ms-transition:  0.5s ease-in-out;
	transition:  0.5s ease-in-out;
}

.appslotsshow
{
	float:left;
	width:99%;
	border:0px solid #000;
	height:auto;
	overflow:auto;
	padding:5px 0px 5px 0px;
	margin:7px 0px 0px 3px;
	opacity:1;
	border-top:1px solid #666666;
	-webkit-transition:  0.5s ease-in-out;
	-moz-transition:  0.5s ease-in-out;
	-o-transition:  0.5s ease-in-out;
	-ms-transition:  0.5s ease-in-out;
	transition:  0.5s ease-in-out;
}

.doctor_details
{
	float:left;
	width:320px;
	border:1px solid #999;
	border-radius:10px;
	box-shadow:0px 0px 5px #666666;
	margin:5px 5px 5px 5px;
}

.slot_availability
{
	float:left;
	border:1px solid #999999;
	border-radius:2px;
	height:10px;
	box-shadow:0px 0px 2px #666666;
	background-image:url(../images/bar.png);
	background-repeat:repeat-y;
}

.doctor_group
{
	float:left;
	border:0px solid #000;
	width:100%;
	margin:5px 0px 5px 0px;
	text-align:left;
}

.doctor_group label
{
	font-family:Calibri, Verdana, Georgia;
	font-size:18px;
	color:#333333;
	margin-left:10px;
	font-weight:bold;
	font-variant:small-caps;
}

.templatewrapper
{
	float:left;
	width:99.4%;
	max-height:35px;
	overflow:hidden;
	border:1px solid #a9a8a8;
	margin:5px 0px 0px 0px;
	border-radius:7px;
	padding:3px 2px 3px 2px;
	position:relative;
	-webkit-transition:  0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out;
	-o-transition:  0.3s ease-in-out;
	-ms-transition:  0.3s ease-in-out;
	transition:  0.3s ease-in-out;
}

.templatewrapper_expand
{
	float:left;
	width:99.4%;
	max-height:85px;
	overflow:hidden;
	border:1px solid #a9a8a8;
	margin:5px 0px 0px 0px;
	border-radius:7px;
	padding:3px 2px 3px 2px;
	position:relative;
	border:1px solid #666;
	box-shadow:0px 0px 8px #a9a8a8;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.templatewrapper_expand_full
{
	float:left;
	width:99.4%;
	max-height:5000px;
	overflow:hidden;
	border:1px solid #a9a8a8;
	margin:5px 0px 0px 0px;
	border-radius:7px;
	padding:3px 2px 3px 2px;
	position:relative;
	border:1px solid #666;
	box-shadow:0px 0px 8px #a9a8a8;
	-webkit-transition:  1s ease-in-out;
	-moz-transition:  1s ease-in-out;
	-o-transition:  1s ease-in-out;
	-ms-transition:  1s ease-in-out;
	transition:  1s ease-in-out;
}

.templatewrapper:hover
{
	border:1px solid #666;
	box-shadow:0px 0px 8px #a9a8a8;
}

.templateheader:hover
{
	border:1px solid #666;
}

.templateheader:hover .arrow-down
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #666666;
}

.templateheader:hover .arrow-up
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #666666;
}

.templateheader
{
	float:left;
	width:99.4%;
	border:1px solid #a9a8a8;
	border-radius:7px;
	padding:2px 2px 2px 2px;
	background-color:#B4CFEC;
	cursor:pointer;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.headerlabel
{
	font-family:Calibri, Verdana, Georgia;
	font-size:18px;
	color:#333333;
	float:left;
}

.arrow-down
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #a9a8a8;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.arrow-up
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #a9a8a8;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.variables
{
	float:left;
	min-width:20px;
	border:1px solid #666666;
	border-radius:5px;
	margin:0px 2px 7px 3px;
	padding-right:5px;
	background-color:#f9cbca;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.variables:hover
{
	box-shadow:0px 0px 5px #666666;
}

.paramgroup
{
	width:99%;
	float:left;
	height:auto;
	overflow:auto;
	border:1px solid #666666;
	box-shadow:0px 0px 3px #666666;
	margin-top:5px;
	padding:3px 3px 3px 3px;
	border-radius:8px;
}

.paginationcontainer
{
	width:99.2%;
	height:auto;
	overflow:auto;
	border:0px solid #999;
	float:left;
	padding:5px 3px 5px 3px;
	margin-top:5px;
}

.paginationcontainer .pagenum
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#fff;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#333333;
	cursor:pointer;
	float:left;
	margin:0px 2px 0px 2px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.paginationcontainer .pagenumselected
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#666666;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#fff;
	cursor:text;
	float: left;
	margin:0px 2px 0px 2px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.paginationcontainer .pagenum:hover
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#666666;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#fff;
	float:left;
	margin:0px 2px 0px 2px;
}

.arrowleft
{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #999;
	float:left;
	margin:2px 3px 0px 3px;
	cursor:pointer;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
	
}

.arrowright
{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left:10px solid #999;
	float:left;
	margin:2px 3px 0px 3px;
	cursor:pointer;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.leftdiv
{
	height:auto;
	overflow:auto;
	border:0px solid #000;
	width:100%;
	float:left;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.leftdiv_collapse
{
	height:auto;
	overflow:auto;
	border:0px solid #000;
	width:73%;
	float:left;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.rightdiv
{
	height:auto;
	overflow:auto;
	border:0px solid #666666;
	width:0%;
	float:right;
	border-radius:5px;
	padding:0px 0px 0px 0px;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.rightdiv_open
{
	height:auto;
	overflow:auto;
	width:26%;
	float:right;
	padding:3px 3px 3px 3px;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.rightdiv_open_new
{
	height:auto;
	overflow:auto;
	border:1px solid #666666;
	border-radius:5px;
	padding:3px 3px 3px 3px;
	margin-bottom:3px;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.rightdiv .inner
{
	height:auto;
	overflow:auto;
	border:0px solid #666666;
	width:99.7%;
	float:right;
}

.searchheader
{
	border:0px solid #000;
	float:left;
	height:auto;
	overflow:auto;
	width:98.5%;
	padding:0px 7px 0px 5px;
}

.searchheader h3,
.subheader
{
	font-family:Calibri, Verdana, Georgia;
	color:#333333;
	font-size:14px;
	float:left;
	text-align:left;
	width:99%;
	margin-left:10px;
}

.searchheader .grp
{
	border:0px solid #000;
	float:left;
	height:auto;
	overflow:auto;
	width:100%;
}

.searchheader .searchdiv
{
	float:left;
	height:auto;
	overflow:auto;
	width:100%;
	border-top:2px solid #999999;
}

.searchheader .searchdiv .searchtab
{
	float:left;
	border-radius:10px;
}

.searchheader .resultdiv
{
	float:left;
	height:auto;
	overflow:auto;
	width:100%;
	border:0px solid #000;
	padding-top:5px;
	border-bottom:0px solid #999999;
}

.searchheader .resultdiv .group
{
	float:left;
	height:auto;
	overflow:auto;
	width:auto;
	border:1px solid #999999;
	padding:3px 5px 4px 5px;
	font-family:Calibri, Verdana, Georgia;
	font-size:15px;
	color:#666666;
	border-radius:5px;
	cursor:pointer;
	background-color:#ADD8E6;
	margin:0px 1px 5px 3px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.searchheader .resultdiv .group:hover
{
	box-shadow:0px 0px 5px #666666;
	color:#333333;
}

.searchheader .pagination
{
	float:left;
	height:auto;
	overflow:auto;
	width:98.9%;
	border:0px solid #000;
	padding:5px 5px 5px 5px;
}

.searchheader .pagination .next
{
	float:right;
	height:auto;
	overflow:auto;
	width:60px;
	border:1px solid #666666;
	padding:3px 3px 3px 3px;
	font-family:Calibri, Verdana, Georgia;
	font-size:13px;
	color:#666666;
	border-radius:5px;
	cursor:pointer;
	background-color:#efefef;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.searchheader .pagination .previous
{
	float:left;
	height:auto;
	overflow:auto;
	width:60px;
	border:1px solid #666666;
	padding:3px 3px 3px 3px;
	font-family:Calibri, Verdana, Georgia;
	font-size:13px;
	color:#666666;
	border-radius:5px;
	cursor:pointer;
	background-color:#efefef;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.searchheader .pagination .previous:hover,
.searchheader .pagination .next:hover
{
	border:1px solid #333333;
	box-shadow:0px 0px 3px #333333;
	color:#333333;
}

.addrecorddiv
{
	border:0px solid #000;
	float:left;
	height:auto;
	overflow:auto;
	width:98.5%;
	padding:0px 7px 0px 5px;
}

.resultdiv .variables
{
	float:left;
	height:auto;
	overflow:auto;
	width:auto;
	border:1px solid #999999;
	padding:5px 7px 5px 3px;
	border-radius:5px;
	background-color:#f8d5bd;
	margin:0px 1px 5px 3px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.resultdiv .variables:hover
{
	border:1px solid #666666;
	box-shadow:0px 0px 3px #666666;
}

.resultdiv .variables table tr td label
{
	font-family:Calibri, Verdana, Georgia;
	font-size:13px;
	color:#333333;
}

.autocomplete
{
	top:93%;
	left:2%;
	position:absolute;
	height:auto;
	width:100px;
	overflow:auto;
	background-color:#FFF;
	border:1px solid #666666;
	padding:4px 5px 4px 5px;
	border-radius:7px;
	z-index:1000;
}

.autocomplete .autoinner
{
	top:0%;
	left:0%;
	position:relative;
	max-height:200px;
	width:100%;
	overflow:auto;
	border:0px solid #666666;
}

.autocomplete .autoinner table tr td
{
	background-color:none;
	cursor:pointer;
	border-radius:3px;
	border:1px solid #fff;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.autocomplete .autoinner table tr td:hover
{
	background-color:#d1e8ea;
	border:1px solid #999999;
	box-shadow:0px 0px 7px #999999;
}


.importcontainer
{
	float:left;
	width:99.8%;
	border:1px solid #333333;
	margin-bottom:7px;
	height:auto;
	overflow:auto;
	border-radius:7px;
}

.bar
{
	height:15px;
	background:1px solid #333333;
	border-radius:3px;
	box-shadow:0px 0px 3px #000;
}
.resultimg
{
	width:90%;
	width:90%;
	border:none;
}

.vitalsbox
{
	float:left;
	height:290px;
	overflow:auto;
	width:313px;
	border-radius:10px;
	border:1px solid #333333;
	box-shadow:0px 0px 3px #333333;
	margin:5px 5px 5px 5px;
}

.medwrapper
{
	float:left;
	width:100%;
	height:auto;
	overflow:auto;
	border-radius:10px;
	box-shadow:0px 0px 7px #333333;
	margin-bottom:15px;
}

.labimgwrap
{
	float:left;
	width:auto;
	height:auto;
	border:1px solid #333333;
	border-radius:10px;
	box-shadow:0px 0px 10px #666666;
	overflow:auto;
	padding:3px 3px 3px 3px;
	margin:10px 5px 10px 5px;
}

.labimgwrap .labimginner
{
	float:left;
	width:800px;
	height:600px;
	overflow:auto;
}

.labimgsize
{
	float:right;
	width:160px;
	border:1px solid #333333;
	border-radius:10px;
	box-shadow:0px 0px 10px #666666;
	padding:5px 5px 5px 5px;
	margin:10px 5px 10px 5px;
}

.normal
{
	height:550px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.small
{
	height:500px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.smaller
{
	height:450px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.large
{
	height:800px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.larger
{
	height:1000px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.portalvisitdiv
{
	float:left;
	width:100%;
	overflow:auto;
	height:auto;
	border-radius:10px;
	box-shadow:0px 0px 5px #333333;
	margin:10px 0px 5px 0px;
}

.expression_legends
{
	border:1px solid #999999;
	border-radius:5px;
	max-width:150px;
	padding:2px 2px 2px 2px;
	box-shadow:0px 0px 3px #333333;
	font-family:Calibri, Verdana, Georgia;
	font-size:15px;
	color:#ffffff;
	text-align:center;
}

.reportgrp
{
	float:left;
	width:100%;
	border:1px solid #333333;
	margin-top:5px;
	border-radius:10px;
	box-shadow:0px 0px 5px #666666;
}

.cliniclogo
{
	max-height:100px;
	max-width:100px;
	border:0px;
	margin:0px;
}

.reportname
{
	float:left;
	height:auto;
	overflow:auto;
	width:auto;
	border:1px solid #999999;
	padding:3px 5px 4px 5px;
	font-family:Calibri, Verdana, Georgia;
	font-size:14px;
	color:#666666;
	border-radius:5px;
	cursor:pointer;
	background-color:#ADD8E6;
	margin:5px 0px 0px 5px;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.reportname:hover
{
	box-shadow:0px 0px 5px #666666;
	color:#333333;
}

.ipdgridhidden
{
	width:0px;
	height:0px;
	overflow:hidden;
	float:left;
	border:0px solid #000;
	opacity:0;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.ipdgridvis
{
	width:97.7%;
	height:auto;
	overflow:auto;
	float:left;
	padding:10px 10px 10px 10px;
	border:0px solid #000;
	opacity:1;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.opdgridhidden
{
	width:0px;
	height:0px;
	float:left;
	opacity:0;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.opdgridvis
{
	width:100%;
	height:0px;
	float:left;
	opacity:1;
	-webkit-transition:  0.4s ease-in-out;
	-moz-transition:  0.4s ease-in-out;
	-o-transition:  0.4s ease-in-out;
	-ms-transition:  0.4s ease-in-out;
	transition:  0.4s ease-in-out;
}

.admindash
{
	float:left;
	border:1px solid #666666;
	border-radius:5px;
	box-shadow:0px 0px 7px #666666;
	margin:5px 5px 5px 5px;
	padding:3px 3px 3px 3px;
	min-height:10px;
	width:98.2%;
	overflow:auto;
}

.progressbar
{
	height:30px;
	margin-top:-1px;
	border:none;
	background-color:#0C0;
	position:absolute;
	z-index:100;
	opacity:0.5;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}
/* CSSTerm.com Simple CSS menu */

.appmenu
{
background-color:#79bbc2;
border-radius:5px;
border:1px solid #999999; 
}

.appmenu:hover
{
color:#104E8B;
background-color:#B0E2FF;
}

.Highlighted a{
	border: 1px solid #666666 !important;
	background: #ffb36c!important;
	font-weight: bold !important;
	color: #666666 !important;
	text-align:center !important;
	border-radius:2px !important;
}

.Highlight a{
	border: 1px solid #666666 !important;
	background: #DC1A4C !important;
	font-weight: bold !important;
	color: #666666 !important;
	text-align:center !important;
	border-radius:2px !important;
}

.Highlightempty a{
	border: 1px solid #666666 !important;
	background: #03BA61 !important;
	font-weight: bold !important;
	color: #666666 !important;
	text-align:center !important;
	border-radius:2px !important;
}

a{
	text-decoration: underline;
	cursor:pointer;
}