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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#222;
font-size:13px;
}

.maincontainer{
max-width:100%;
min-width:1000px;
}

.maincontainerLeft{

width:24%;
float:left;
margin-top:51px;
overflow:hidden;
padding-bottom:5px;
}

.maincontainerLeft ul{
margin:0px;
padding:0px;
}

.maincontainerLeft ul li{
list-style-type:none;

line-height:20px;
padding:5px 2px 5px 10px;

border:1px solid #ccc;
}


.maincontainerLeft ul li a{
text-decoration:none;
padding:10px;
color:#222;
}

.apointCount{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
width:20px;
float:right;
}

.srchDoc{
width:95%;
height:25px;
margin:5px 2px 5px 5px;
border:1px solid #ccc;
background:none;
padding:0px 0px 0px 5px;

}

.maincontainerCenter{
width: 48% !important;
height:auto;
float:left;
padding:5px;
max-height:auto;
margin-top:-5px;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:5px;
background:#FFF;
}

.maincontainerRight{
width:24%;

margin-right:10px;
min-height:768px;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;

}

.maincontainerRight h2{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:100%;
margin-left:5px;
}

.maincontainerRight ul{
width:200px;
}

.maincontainerRight ul li{
width:100%;
height:30px;
list-style-type:none;
display:block;
border-bottom:1px solid #CCC;
line-height:30px;
margin-bottom:5px;
margin-left:-20px;
}



.checkedout{
display:block;
height:15px;
width:15px;
float:right;
background:#FFCC00;
text-align:center;
padding:5px;
line-height:15px;
}

.Waiting{
display:block;
height:15px;
line-height:15px;
width:15px;
float:right;
background:#CC0000;
text-align:center;
padding:5px;
}


.Engaged{
display:block;
height:15px;
width:15px;
float:right;
background:#009966;
text-align:center;
padding:5px;
line-height:15px;
}


.Checked{
display:block;
height:15px;
width:15px;
float:right;
background:#0066FF;
text-align:center;
padding:5px;
line-height:15px;
}

.eventChart{
margin-left:10px;
height:300px;
font-size:12px;
float:left;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------ Records Menu -----------------------------------------------*/


.maincontainerRecord{
max-width:100%;
min-width:1000px;
background:#f3f3f3;
}

.maincontainerRecord-L{
min-width:200px;
max-width:15%;
min-height:768px;
float:left;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
padding-left:5px;
}

.maincontainerRecord-L ul{
margin:0px 0px 0px 0px;
padding:0px;
}

.maincontainerRecord-L ul li{
list-style-type:none;

line-height:20px;
padding:5px 2px 5px 0px;

}


.maincontainerRecord-L ul li a{
text-decoration:none;
padding:10px;
color:#222;
}

.maincontainerCenterRecord{
min-width:500px;
max-width:70%;
min-height:768px;
height:auto;
max-height:auto;
margin-top:0px;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:5px;
background:#FFF;
}

.maincontainerRightRecord{
min-width:200px;
max-width:15%;
margin-right:10px;
min-height:768px;
float:left;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
}

.maincontainerRightRecord h2{
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:100%;
}

.maincontainerRightRecord h2 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#a30000;
float:right;
margin-right:10px;
}


.maincontainerRightRecord{
width:100%;
height:30px;
list-style-type:none;
display:block;
border-bottom:1px solid #CCC;
line-height:30px;
margin-bottom:5px;
border-left:1px solid #ddd;
margin-left:5px;
}


.maincontainerRightRecord ul{
width:180px;
margin-left:-20px;
}

.maincontainerRightRecord ul li{
list-style-type:none;

}

.maincontainerCenterRecord .profile{
text-decoration:none;
height:80px;
width:255px;
display:block;
border:1px solid #ccc;
margin:10px;
float:left;
margin-left:-20px;
}

.patDetail{
width:170px;
padding-left:5px;
text-align:left;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

.patDetail label{
display:block;
}

.profile img{
float:left;
height:80px;
width:80px;
}

.profileDetail{
margin:10px;
}

.profileDetail label{
display:block;
}

.Name{
font-size:14px;
font-weight:bold;
color:#333;
}

.lab{
width:100%;
height:20px;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0px;
}

.lab label{
display:block;
float:right;
text-align:left;
width:100px;
}

.maincontainerCenterRecordLeft{
min-width:100%;
min-height:768px;
max-height:auto;
float:left;
overflow:hidden;
padding-bottom:10px;
border-right:1px solid #EAEAEA;
}

.maincontainerCenterRecordRight{
width:100%;
display:block;
height:40px;
border-bottom:1px solid #ebebeb;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
max-height:auto;
}


.maincontainerCenterRecordRight a{
display:block;
height:25px;
background:#339966;
line-height:25px;
text-decoration:none;
padding-left:10px;
font-size:12px;
color:#FFF;
padding:3px 10px;
border-radius:2px; 
float:right;
margin:5px 10px
}

.txt{
width:200px;
height:22px;
margin-left:10px;
}

.maincontainerCenterRecordRight h2 a{
text-decoration:none;
font-size:10px;
float:right;
}

.proEidt{
width:90%;
margin:10px auto;
background:#FFF;
box-shaodw:0px 0px 3px #000;
height:768px;
}

.fb{
height:40px;
border-radius:4px;
border:none;
width:318px;
display:block;
background: #3c599f;
text-align:center;
text-decoration:none;
background-image:url(../design_img/fb.png);
background-position:left;
background-repeat:no-repeat;
line-height:40px;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.fb img{
margin:8px;
float:left;
vertical-align:middle;
}

.fb:hover{
text-decoration:none;
color:#FFF;
}

.signup_email{
width:600px;
left:33%;
position:absolute;
top:150px;
}

.regHead{
margin-top:70px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;
}

.signup_email img{
float:left;
vertical-align:middle;
}

.signup_email_det{
float:left;
padding-top:100px;
width:352px;
}

.head{
max-height:auto;
overflow:hidden;
border-bottom:1px solid #ccc;
width:100%;
min-height:40px;
padding-bottom:20px;
}

.formDiv{
width:400px;
height:auto;
overflow:hidden;
padding:10px;
margin:44px auto;
border-radius:4px;
}

.formDiv h5{
font-weight:bold;
font-size:14px;
text-align:center;
}

.formDiv p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.formDiv table{
margin:0px;
}

.formDiv table tr td{
border:none;
}

.dr{
background:url(../design_img/dr.png);
background-repeat:no-repeat;
background-position:left;
}

.formDiv .txt{
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 40px;
    padding: 5px;
    width: 100%;
    top: 0px;
    left: 0px;
}


@media (min-width: 1024px) {


.maincontainerLeft{
min-width:150px;
max-width:15%;
min-height:768px;
float:left;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
}

.maincontainerLeft ul{
margin:0px;
padding:0px;
}

.maincontainerLeft ul li{
list-style-type:none;

line-height:20px;
padding:5px 2px 5px 10px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.imgPof{
width:150px;
padding:1px;
display:block;
}



.imgPof img{
width:100%;
}

.docname{
padding:5px 10px; border:1px solid #ccc; display:block;  text-transform: capitalize;
    width: 129px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; color:#333;
}



.maincontainerLeft ul li a{
text-decoration:none;
padding:10px;
color:#222;
}

.apointCount{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
width:20px;
float:right;
}

.srchDoc{
width:225px;
height:25px;
margin:5px 2px 5px 5px;
border:1px solid #ccc;
background:none;
padding:0px 0px 0px 5px;

}

.maincontainerCenter{
min-width:680px;
max-width:70%;
min-height:768px;
height:auto;
float:left;
padding:5px;
max-height:auto;
margin-top:-5px;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:5px;
background:#FFF;
}

.maincontainerRight{
min-width:150px;
max-width:15%;
margin-right:10px;
min-height:768px;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
}


.maincontainerRight h2{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:100%;
margin-left:5px;
}

.maincontainerRight ul{
width:115px;
}

.maincontainerRight ul li{
width:100%;
height:30px;
list-style-type:none;
display:block;
border-bottom:1px solid #CCC;
line-height:30px;
margin-bottom:5px;
margin-left:-20px;
}



}

@media (min-width: 1368px) {

.maincontainerLeft{
min-width:15%;
max-width:200px;
min-height:768px;
float:left;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
}

.imgPof{
width:190px;
padding:1px;
display:block;
}



.imgPof img{
width:100%;
}

.docname{
padding:5px 10px; border:1px solid #ccc; display:block;  text-transform: capitalize;
    width: 168px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; color:#333;
}

.maincontainerLeft ul{
margin:0px;
padding:0px;
}

.maincontainerLeft ul li{
list-style-type:none;

line-height:20px;
padding:5px 2px 5px 10px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}


.maincontainerLeft ul li a{
text-decoration:none;
padding:10px;
color:#222;
}

.apointCount{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
width:20px;
float:right;
}

.srchDoc{
width:225px;
height:25px;
margin:5px 2px 5px 5px;
border:1px solid #ccc;
background:none;
padding:0px 0px 0px 5px;

}

.maincontainerCenter{
min-width:65%;
max-width:800px;
min-height:768px;
height:auto;
float:left;
padding:5px;
max-height:auto;
margin-top:-5px;
overflow-x:hidden;
overflow-y:auto;
padding-bottom:5px;
background:#FFF;
}

.maincontainerRight{
min-width:200px;
max-width:20%;
margin-right:10px;
min-height:768px;
max-height:auto;
margin-top:0px;
overflow:hidden;
padding-bottom:5px;
}

.maincontainerRight h2{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:100%;
margin-left:5px;
}

.maincontainerRight ul{
width:200px;
}

.maincontainerRight ul li{
width:100%;
height:30px;
list-style-type:none;
display:block;
border-bottom:1px solid #CCC;
line-height:30px;
margin-bottom:5px;
margin-left:-20px;
}

}