﻿body
{
    
    background-image:url('http://drbakhsh.com/manage/cpanel/Skin/Appointment_Design/Images/header.png') ;
    background-repeat:repeat-x;
    font-size: 12px;
    font-family: calibri;
    margin:0px 0px 0px 0px;
}

.header
{
    height: 114px;
}


.menu ul
{
    padding: 0px 0px 0px 0px;
}

.menu ul li, .menu ul li a
{
    font-family:Arial;
    font-size: 12px;
    list-style-type:none;
    color:gray;
    margin: -2px 10px 0px 2px;
    float:left;
    text-transform:uppercase;
    
}


.home
{
    background-image:url('http://drbakhsh.com/manage/cpanel/Skin/Appointment_Design/Images/home.png');
    background-position:left -2px;
    background-repeat:no-repeat;
    padding-left:23px;
    
    
}



.footer
{
    background-image:url('Images/footerLine.png');
    background-repeat:repeat-x;    
    
}


H1
{
    font-family: calibri;
    font-size: 24px;
    line-height: 0.2;
    color: rgb(107, 107, 107);
    font-weight: normal;
    border-bottom: 0px solid silver;
    padding-bottom: 0px;
}


H2
{
    font-family: calibri;
    font-size: 18px;
    line-height:1;
    color: rgb(107, 107, 107);
    font-weight: normal;
    border-bottom: 0px solid silver;
    padding-bottom: 0px;
}


HR
{
    border:1px dashed silver;
    
}

.Types
{
    padding: 0px 0px 0px 0px;
}

.Types li
{
    line-height:3;
    border-bottom:0px dashed silver;
    padding:3px 5px 3px 10px;
}


.Types li, .Types li a
{
    font-family:Arial;
    font-size: 12px;
    list-style-type:none;
    color:gray;
    
}

.Types .selected
{
    border:0px solid silver;
    border-radius:5px;   
    background-color:whitesmoke;
}


.Types li:hover
{
    border:1px solid whitesmoke;
    border-radius:5px;   
}

.redBox
{
    padding:2px 3px 2px 3px;
    background-color:Red;
}

.silverBox
{
    padding:2px 3px 2px 3px;
    background-color:Silver;
}

.blueBox
{
    padding:2px 3px 2px 3px;
    background-color:Blue;
}

.greenBox
{
    padding:2px 3px 2px 3px;
    background-color:Green;
}

.blackBox
{
    padding:2px 3px 2px 3px;
    background-color:Black;
}


.yellowBox
{
    padding:2px 3px 2px 3px;
    background-color:rgb(248, 230, 25);
}

.blueBox
{
    padding:2px 3px 2px 3px;
    background-color:blue;
}


a:link, a:visited
{
    text-decoration:none;
}




.filterBox
{
    background-color:whitesmoke;
    padding: 14px 20px 14px 20px;
    border-radius:5px;
    font-family:Arial;
    font-size: 12px;
    list-style-type:none;
    color:gray;
}

.Appointments
{
    padding-top: 8px;
}


#accordion 
{
    font-family:Calibri;
    font-size:13px;
}

 
.fieldCaption
{
    background-color:whitesmoke;
    
}

.fieldValue
{
  
  
}


.txtbox{
    border: 1px solid silver;
    background-color: white;
    padding: 8px 8px 8px 8px;
    color: gray;
    border:1px solid silver;
	}
	
/*.btn{
    border: 1px solid silver;
    background-color: #585d8d;
    padding: 6px 15px 6px 15px;
    color: white;
	
    border-radius: 5px;
    margin-right: -5px;
    margin-left: -5px;
    cursor:pointer;
    
}


.btn:hover{
    background-color: white;
    color: #585d8d;
	border: 1px solid #585d8d;
}*/



.loginContainer
{
    background-color:#585d8d;
    border-radius:5px;
    border:1px solid silver;
    color:White;
    text-transform:uppercase;
}

























.css_grid{
    border:3px solid silver;
}

.css_grid th{
    padding:10px;
    font-size:12px;
    border-bottom:2px solid silver;
    
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;

}

.css_grid td:hover{
    background-color:whitesmoke;
}
.css_grid td{
    background-color:white;
    padding:5px;
    font-size:12px;
    
}






.cmb_box{
    padding: 8px 8px 8px 8px;
    font-size:12px;
    border: 1px solid silver;
    
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
    
}





.btn{
    padding:10px 25px 10px 25px;
    margin:2px;
    font-size:12px;
    border:1px solid silver;
    
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
    cursor:pointer;

}

.btn:hover
{
    background-color:White;
}




.divLoading
{
    margin: -2000px 0px 0px -500px;
    position: absolute;
    z-index: 1000;
    background-color:Black;
    opacity: 0.5;
    height: 5000%;
    width: 1000%;
}


.Mandatory {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: red;
}